JS部分:
<script type="text/javascript">
//js获取<select>选择部分的文本、值
function sel(obj){
var te=obj.options[obj.selectedIndex].text;//获取文本内容
var val=obj.options[obj.selectedIndex].value;//值
var h=document.getElementById('hid');
if(val == 3){
h.style.display="block";
}else{
h.style.display="none";
}
//alert(te);
}
</script>
HTML部分:
<select name="a" onchange="sel(this);">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">other</option>
<option value="4">444</option>
</select>
<div>
<input type="text" id="hid" style="display:none;">
</div>
<script type="text/javascript">
//js获取<select>选择部分的文本、值
function sel(obj){
var te=obj.options[obj.selectedIndex].text;//获取文本内容
var val=obj.options[obj.selectedIndex].value;//值
var h=document.getElementById('hid');
if(val == 3){
h.style.display="block";
}else{
h.style.display="none";
}
//alert(te);
}
</script>
HTML部分:
<select name="a" onchange="sel(this);">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">other</option>
<option value="4">444</option>
</select>
<div>
<input type="text" id="hid" style="display:none;">
</div>
本文介绍了一个简单的JavaScript示例,演示了如何根据<select>元素中选项的变化来显示或隐藏一个HTML元素。当用户从下拉列表中选择特定值时,将触发一个函数来更改文本输入框的可见性。
862

被折叠的 条评论
为什么被折叠?



