如何通過雙擊選擇選項？

Question

如何通過雙擊選擇選項？

E.g.我雙擊「選項文本＃3」，選項三的值將被寫入一個id =「selectedOption」的隱藏輸入字段。

Answer 1

您可以使用dblclick這樣：

$('select option').dblclick(function() { 
 
    $('#selectedOption').val(this.outerHTML); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select size="4"> 
 
    <option>Option # 1</option> 
 
    <option>Option # 2</option> 
 
    <option>Option # 3</option> 
 
    <option>Option # 4</option> 
 
</select> 
 

 
<input type='text' id='selectedOption' value=''>

Answer 2

試試這個代碼：這個由JavaScript，而不是jQuery的

$('select option').dblclick(function() { 
    $('#selectedOption').val($("#select option:selected").val()); 
});