js實作帶輸入提示的文本框

 項目上page方面要實作一個功能，文本框的值，可以通過下拉清單選擇，之後再編輯。

在網上search了很多方法，其中包括jquery的autocomplete插件，但是發現那個必須輸入一個值後才出現下拉清單，（網友推薦的minChars為0不起效果）；最後通過有個網友的思路，将文本框覆寫到下拉清單上面，隻顯示最右邊三角箭頭，自己動手寫了下js，終于實作了，發現效果還不錯^^

目       标：文本框的值，可以通過下拉清單選擇，也可以輸入

實作方法：将文本框覆寫到下拉清單上面，隻顯示最右邊三角箭頭

<select id="choReason" style="width:320px;height:19px">
<option>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>
<input type="text" id="reason" style="width:302px;height:17px">
</input>
           

 $("#choReason").change(function () {
            var v1 = $("#choReason option:selected").text();
            if (v1 != null) {
                $("#reason").val($("#choReason option:selected").text());
            }
        });  
$("#reason").offset({top: $("#choReason").offset().top, left: $("#choReason").offset().left});