Question

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

Answer 1

因为你没有共享任何代码，所以我创造了一个小提琴。请检查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);
});
});

如何隐藏SELECT（下拉列表）的选定文本

1 个答案: