如何双击 select 选项？

Question

如何通过双击使 select 选项 select 可用？

例如。我双击 "Option Text #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

试试这个代码：

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

Answer 3

我尝试了 returns 整个选项的第一个答案 html。

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

改用这个。

如何双击 select 选项？

How to select option with double click?

jquery

html

select

option