利用jquery操作多个select 但是为我们总是得到的是第一个select的option值

目标要求：现页面上有多个select 假设是四个这是个select的class 都是一样的我需要改变其中的任何一个select的option 其他的另外三个中选择的值都和我选择的这个的值是一样的有点像级联的关系但是我使用juqery得到的都是第一个select的option的值不明白？怎么解决？在线等

举报该文章

相关建议推荐于2016-09-01

样例代码如下：

<html>
<head>
<title>知道</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style>
   .sel{
    width:100px;
   }
</style>
<script  src="jquery.min.js" ></script>
<script  >
      $(function(){
          $('.sel').change(function(){
             var sel = $(this);
             //alert(sel.val());
             $('.sel').val(sel.val());
          })
      })
</script>
</head>
<body  >
  <select class="sel">
    <option value='1'>1</option>
     <option value='2'>2</option>
      <option value='3'>3</option>
  </select>
  <select class="sel">
     <option value='1'>1</option>
     <option value='2'>2</option>
      <option value='3'>3</option>
  </select>
  <select class="sel">
    <option value='1'>1</option>
     <option value='2'>2</option>
      <option value='3'>3</option>
  </select>
  <select class="sel">
    <option value='1'>1</option>
     <option value='2'>2</option>
      <option value='3'>3</option>
  </select>
</body>
</html>

希望对你有帮助。

温馨提示：内容为网友见解，仅供参考

当前网址：https://66.aolonic.com/aa/s29un2xvn.html

其他看法

第1个回答 2013-06-18

这个应该是你绑定事件的时候出现错误，最好把你代码放出来吧~不然不知道错在那里

第2个回答 2013-06-18

你干嘛要获取class 你四个selectclass都是一样的你获取class可不都是同一个值么

你可以获取id呀追问

题目上已经说了啊我四个class一样就是不管我选择哪一个select 这四个的最后的结果都是一样的还有我用id试过会没有反应你可以试试

追答

$(document).ready(function () {
$("#select1").change(function () {
alert($("#select1").val());
});
……下面上个同上改ID

});

1

11

111

1111

相似回答

大家正在搜