淘先锋技术网

首页 1 2 3 4 5 6 7

下拉框是网页开发中经常使用的组件之一。而使用jQuery来获取下拉框中选中的值也是非常方便的。

jquery点击下拉框获取值

首先我们需要先创建一个下拉框:


<select id="mySelect">
  <option value="1">选项一</option>
  <option value="2">选项二</option>
  <option value="3">选项三</option>
</select>

这个下拉框里有三个选项,每个选项有自己的值。接下来我们就可以利用jQuery的事件绑定来获取用户下拉框选中的值了。


$('select').change(function(){
   var selectedValue = $(this).val();
   alert("您选中了:" + selectedValue);
});

以上代码中,我们使用了jQuery的change函数来绑定选择器中下拉框的选中事件,当用户选择了一个选项后,就会执行函数中的代码,其中使用了val函数来获取下拉框中选中的值,然后通过alert函数将选中的值显示在弹窗中。

这样就可以通过jQuery来获取下拉框中选中的值了。