如何隱藏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（下拉菜單）的選定文本

回答

相關問題