100分求关于下拉框隐藏显示文本框

Derekwong 2009-10-23 10:18:09

下拉框
<select>
<option value="<%=rs("id")%>"><%=rs("name")%></option>
</select>

下拉框所对应的表结构如下：
id name type
1 甲 a
2 乙 b

文本框
<input type="text" name="test">

要求是当下拉框选择的id在表中的type值是a时就隐藏文本框，是b时就显示文本框

...全文

124 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Dogfish 2009-10-23

打赏
举报

<script> 

function hidetext(obj)

{ 

   var a = obj.options[obj.selectedIndex];

   var b = a.id.split("_"); 

   document.getElementById("test").style.display=b[b.length-1]=="a"?"none":"" 

} 

</script> 



<select onchange="hidetext(this)"> 

  <option id="options_<%=rs("id")%>_<%=rs("type")%>" value="<%=rs("id")%>"> <%=rs("name")%> </option> 

</select> 



<input type="text" id=test name="test">

海阔天空-888 2009-10-23

打赏
举报

你要得效果

<select name="select" id="select">
<option value="a" selected>甲</option>
<option value="b">乙</option>
</select>
<br>
<input style="display:none" type="text" name="textfield" id="textfield" />

<script type="text/javascript">
document.getElementById('select').onchange = function() {
if (this.value !== 'a')
document.getElementById('textfield').style.display="block"
if (this.value !== 'b')
document.getElementById('textfield').style.display="none"
};
</script>