将此单击函数交换到选择列表函数

时间:2016-01-29 18:57:19

标签: jquery

还有很多其他的东西正在进行中,但是我有这个工作代码,它在两个div上使用了一个click函数,它执行了很多其他的东西,比如:

<div id="Single">Single</div><div id="Regular">Regular</div>

这是功能:

$(document).on('click', '#Single , #Regular', singleToDDSwitch);

我需要保持相同的功能,但使用选择列表作为触发器。这是示例选择列表:

<select><option id='Single'>Single</option><option id='Regular'>Regular</option></select>

任何人都可以提供帮助,我对jQuery并不热衷吗?

2 个答案:

答案 0 :(得分:1)

试试这个:

&#13;
&#13;
$(document).ready(function() {
  $(document).on('change', '#sel', function() {
    alert($(this).find(":selected").text());
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="sel">
  <option>Single</option>
  <option>Regular</option>
</select>
&#13;
&#13;
&#13;

在选择中你不会弄明个体ID。

答案 1 :(得分:0)

您可以在.change元素上使用<select>事件。