选下拉框时，清空文本框

Question

<input type="text" name="bianhao"  /> <input type="button"  name="queding" /><select name="selectDropDown">
<option></option>
<option>窗前明月光</option>
<option>疑是地上霜</option>
 
</select>我想当我选下拉框时候的时候，name为bianhao的文本框清空。。
请问JS应该怎么写？

Answer 1

select 加 onchange事件 “javascript:document.getElementById('bianhao').value=''”

Answer 2

<input type="text" name="bianhao" value="sss"  /> <input type="button"  name="queding" value="queding" />
<select name="selectDropDown">
<option></option>
<option>窗前明月光</option>
<option>疑是地上霜</option>
</select>
菜鸟回答,不对勿喷.
原生select元素,是否选择 html结构是不会发生变化的.所以 个人建议你用 jquery form表单美化插件
至于你说 select 有内容时,name为bianhao的文本框清空,
 $("#id").attr("value"," "); 
这个 应该可以吧?帮你顶下.

Answer 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("select").change(function(){
$("input[name='bianhao']").val("");
});
})
 </script> 
 
<input type="text" name="bianhao"  /> 
<input type="button"  name="queding" value="测试用按钮" />
 
<select name="selectDropDown">
 <option></option>
 <option>窗前明月光</option>
 <option>疑是地上霜</option>
 </select>