如何隐藏SELECT（下拉菜单）的选定文本

我们希望在点击下拉菜单时显示下拉菜单项。并且需要在文本框中设置选定项目的文本，我们使用onchange事件完成它。但我们不希望在下拉菜单中显示下拉菜单中的选定文本。我们使用文本框前面的下拉反转三角选项来执行必要的逻辑。是否可以隐藏下拉选定的文本？如何隐藏SELECT（下拉菜单）的选定文本

来源

2016-03-02 uth linked

代码？！请用你的代码更新你的问题 – Pedram

@jiff我已经检查了几个相同的选项，所以没有具体的选项在这里展示。我只是想问，是否有任何方法可以隐藏所选文字的下拉菜单？ –

你可以通过'code snippet'或'JSFiddle.net'或'codepen.io'把你的代码放在这里，我们应该看到你的代码有帮助。 – Pedram

既然你还没有共享的假设几件事，我已经创建了一个小提琴任何代码..查收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); 
}); 
});

来源

2016-03-02 13:18:21 RRR

如何隐藏SELECT（下拉菜单）的选定文本

回答

相关问题