jquery选择器如何选择两个元素

发布于 2024-10-01 04:02:55 字数 439 浏览 3 评论 0原文

<select name="d1">
  <option value="dd">111</option>
  <option value="dd">111111</option>
</select>
<select name="d2">
 <option value="dd">2222</option>
  <option value="dd">222222222222</option>
</select>

我有两个选择如何使用jquery选择这两个

$("select[name='d1']").change(function(){xxx});

这个代码只能选择一个元素,任何人都可以帮忙,谢谢

<select name="d1">
  <option value="dd">111</option>
  <option value="dd">111111</option>
</select>
<select name="d2">
 <option value="dd">2222</option>
  <option value="dd">222222222222</option>
</select>

i have two select how two use jquery select this two

$("select[name='d1']").change(function(){xxx});

this code only could select one element,any one could give a hand,thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

美人如玉 2024-10-08 04:02:55

有几种选择。

  1. 选择页面上的所有选择元素:

    $("select").change(function(){xxx});
    
  2. 仅选择 ID 为 formD 的表单中包含的那些选择元素:

    $("form#formD select").change(function(){xxx});
    
  3. 仅选择 d 类中的那些选择元素(添加每个选择元素的 class HTML 属性):

    $("select.d").change(function(){xxx});
    
  4. 仅选择那些 select 元素其姓名/ID 以 d 开头:

    $("select[name^=d]").change(function(){xxx});
    
  5. 仅选择那些由 ID 特别命名的选择元素(添加一个 id 每个选择元素的 HTML 属性):

    $("select#d1, select#d2").change(function(){xxx});
    

  6. 仅选择那些使用 特别命名的选择元素>name 属性(我会尽量避免,因为它的可读性较差):

    $("select[name='d1'], select[name='d2']").change(function(){xxx});
    

There are several options.

  1. Select all select elements on the page:

    $("select").change(function(){xxx});
    
  2. Select only those select elements contained within a form having the ID formD:

    $("form#formD select").change(function(){xxx});
    
  3. Select only those select elements in class d (add a class HTML attribute to each select element):

    $("select.d").change(function(){xxx});
    
  4. Select only those select elements whose names/IDs begin with d:

    $("select[name^=d]").change(function(){xxx});
    
  5. Select only those select elements specifically named by ID (add an id HTML attribute to each select element):

    $("select#d1, select#d2").change(function(){xxx});
    
  6. Select only those select elements specifically named using the name attribute (which I would try to avoid because it is less readable):

    $("select[name='d1'], select[name='d2']").change(function(){xxx});
    
鸩远一方 2024-10-08 04:02:55
$("select[name='d1'],select[name='d2']").change(function(){xxx});
$("select[name='d1'],select[name='d2']").change(function(){xxx});
じее 2024-10-08 04:02:55

您可以选择 d1 或 d2:

$("select[name='d1'], select[name='d2']").change(function(){xxx});

但如果您为它们分配相同的类,然后根据该类进行选择,则会更优雅:

<select name="d1" class="d">...</select>
<select name="d2" class="d">...</select>

$("select.d").change(function(){xxx});

You could select d1 or d2:

$("select[name='d1'], select[name='d2']").change(function(){xxx});

But it would be more elegant if you assigned them the same class and then selected based on that:

<select name="d1" class="d">...</select>
<select name="d2" class="d">...</select>

$("select.d").change(function(){xxx});
旧话新听 2024-10-08 04:02:55

$("select[name^=d]") - 将返回名称以 d 开头的所有 select。这是小提琴: http://jsfiddle.net/KjURE/ 。这正是您所要求的

$("select[name^=d]") - will return all selects with name beginning in d. Here is the fiddle: http://jsfiddle.net/KjURE/ . This is exactly what you asked for

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文