可编辑下拉菜单请教！

Question

<input type="text" id="BanShiChuInput" style="width:150px; height:15px;" />
        <select style="position:absolute;right:137px; width:176px; height:22px; clip:rect(2px auto 20px 157px);" onchange="document.getElementById('BanShiChuInput').value=this.value">
        <option value="大学路办事处">大学路办事处</option>
        <option value="淮河路办事处">淮河路办事处</option>
        <option value="建中街办事处">建中街办事处</option>
        </select>
以上是主要代码，但是为什么下拉框的第一个选项第一次就点的话会在text里显示不出呢？不第一次点击的话就可以显示出来。

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("select").change(function(){
$("#BanShiChuInput").val($("option:selected").val());
});
});
 </script>
<input type="text" id="BanShiChuInput"/>
<select>
<option value="大学路办事处">大学路办事处</option>
<option value="淮河路办事处">淮河路办事处</option>
<option value="建中街办事处">建中街办事处</option>
</select>