选下拉框时，清空文本框


<input type="text" name="bianhao"  /> <input type="button"  name="queding" />

<select name="selectDropDown">
<option></option>
<option>窗前明月光</option>
<option>疑是地上霜</option>
 
</select>

我想当我选下拉框时候的时候，name为bianhao的文本框清空。。
请问JS应该怎么写？
------解决方案--------------------
select 加 onchange事件 “javascript:document.getElementById('bianhao').value=''”
------解决方案--------------------
选下拉框的时候是什么时候，是你点击下拉箭头的时候还是选择完成的时候？
------解决方案--------------------

<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"," "); 
这个 应该可以吧?

帮你顶下.
------解决方案--------------------

<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>