如何隐藏选择的选定文本（下拉）答案

【问题标题】：How to hide selected text of SELECT(Dropdown)如何隐藏选择的选定文本（下拉）
【发布时间】：2016-03-02 21:18:21
【问题描述】：

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

【问题讨论】：

代码？！请用您的代码更新您的问题
@jiff 我已经检查了几个相同的选项，所以这里没有具体的选项可以展示。我只是想问一下，有什么方法可以隐藏下拉列表的选定文本？
您可以通过code snippet 或JSFiddle.net 或codepen.io 将您的代码放在这里，我们应该会看到您的代码然后提供帮助。
stackoverflow.com/a/3413220/4229270

标签： javascript html css angularjs

【解决方案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);
});
});

【讨论】：