javascript - 如何隐藏 SELECT(Dropdown) 的选定文本

Question

我们希望在单击下拉菜单时显示下拉菜单项。并且需要在文本框中设置所选元素的文本，我们使用 onchange 事件完成它。但我们不想在下拉列表的文本框本身中显示下拉列表的选定文本。我们在文本框前面使用下拉反向三 Angular 形选项来执行必要的逻辑。是否可以隐藏下拉选定的文本？

Answer 1

由于您没有共享任何代码，假设我创建了一个 fiddle ..请检查 http://jsfiddle.net/TmJCE/848/

您需要做的就是从下拉列表中选择一个元素后重置下拉列表

HTML

<select id="name" >
    <option value="">select all</option>
    <option value="Text 1">Text 1</option>
    <option value="Text 2">Text 2</option>
    <option value="Text 3">Text 3</option>
</select>

<input type="text" class="txt">

jQuery

$(document).ready(function(){
$('#name').change(function(){
    var x=$('#name').val();
    console.log(x);
    $('.txt').val(x);
    $('#name').prop('selectedIndex',0);
});
});