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

目标要求:现页面上有多个select假设是四个这是个select的class都是一样的我需要改变其中的任何一个select的option其他的另外三个中选择的值都和我选择... 目标要求 :现 页面上有多个select 假设是四个 这是个select的class 都是一样的 我需要改变其中的任何一个select的option 其他的另外三个中选择的值都和我选择的这个的值是一样的 有点像级联的关系 但是我使用juqery得到的都是第一个select的option的值 不明白?怎么解决?在线等 展开
 我来答
jas2124
推荐于2016-09-01 · TA获得超过197个赞
知道小有建树答主
回答量:109
采纳率:0%
帮助的人:117万
展开全部

样例代码如下:

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

希望对你有帮助。

tudou2988
2013-06-18
知道答主
回答量:44
采纳率:0%
帮助的人:18万
展开全部
这个应该是你绑定事件的时候出现错误,最好把你代码放出来吧~不然不知道错在那里
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
零到0的距离
2013-06-18 · TA获得超过253个赞
知道小有建树答主
回答量:370
采纳率:100%
帮助的人:283万
展开全部
你干嘛要获取class 你四个selectclass都是一样的你获取class可不都是同一个值么

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


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

});

1

11

111

1111
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式