input 与 select 结合使用

具体思路：input 短一点 ，select长一点 。input 在select 上层 露出下拉按钮 ， 然后使用js 将 select
选中的值付给 input 。
HTML：

<div>
<input type="text" id="input" style="position:absolute;width:100px;height:25px;"/>
<select id="select" style="width:120px;height:25px;" >
                                                                <option value="-1"></option>
                                                                <option value="10">外观良好</option>
                                                                <option value="9">接口损坏</option>
                                                                <option value="1">正常磨损</option>
                                                                <option value="2">严重划伤</option>
                                                                <option value="4">严重磨损</option>
                                                                <option value="3">磕伤碰伤</option>
                                                                <option value="11">部件缺损</option>
                                                                <option value="12">严重烧损</option>
                                                            </select>
</div>

JS：

$('#select option').on('click', function() {
                document.getElementById('input').value=  
                document.getElementById('select').options[document.getElementById('select').selectedIndex].value;

})