如何双击选择选项？

Question

如何通过双击选择选择选项？

例如。我双击＆＃34;选项文本＃3＆＃34;并且选项3的值应写入隐藏的输入字段，其中id =＆＃34; selectedOption＆＃34;。

Answer 1

您可以这样使用dblclick：

＆＃13;

＆＃13;

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

＆＃13;

<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=''>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试这段代码：

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

Answer 3

我尝试了返回完整选项html的第一个答案。

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

改用这个。