選擇充當下拉菜單，防止使用HTML更改文本/選擇

好奇，我使用HTML選擇響應表中的其他選項。漂亮的HTML/CSS下拉菜單不起作用，因爲它們嵌套在可滾動的響應表中，因此它們會被截斷。最好的解決方案是使用HTML選擇，但我不希望實際的菜單選項（例如重命名，重複，刪除）更改佔位符文本（例如更多），而是希望讓他們執行那些操作而無需改變文字。希望這是有道理的，基本上可以像典型的CSS下拉菜單一樣工作。思考？想法？選擇充當下拉菜單，防止使用HTML更改文本/選擇

例子： https://jsfiddle.net/gqh5at0u/

<select class="form-control"> 
    <option value="" disabled selected hidden>More</option> <!-- I want this to stay visible --> 
    <option>Rename</option> 
    <option>Duplicate</option> 
    <option disabled="disabled">----</option> 
    <option>Delete</option> 
</select>

來源

2017-09-01 Smurfman82

聽起來就像一個下拉菜單？ https://www.w3schools.com/howto/howto_js_dropdown.asp –

你可以只重置價值時，你趕上事件。

$('.form-control').on('change', function(evt) { 
 
    var select = $(this); 
 
    alert(select.val()); // do stuff 
 
    
 
    select.val('none'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="form-control"> 
 
    <option value="none" disabled selected hidden>More</option> <!-- I want this to stay visible --> 
 
    <option>Rename</option> 
 
    <option>Open in Editor</option> 
 
    <option>Duplicate</option> 
 
    <option>Shift Due Date</option> 
 
    <option>Copy from Section</option> 
 
</select>

來源

2017-09-01 16:49:50 Armando

選擇充當下拉菜單，防止使用HTML更改文本/選擇

回答

相關問題