如何使用jQuery定位div中的选择列表?

时间:2013-06-24 18:39:59

标签: jquery jquery-selectors

我有一个带有更改ID的选择列表,在具有稳定类的div中。

当所选选项发生变化时,我想触发一些代码。

如何使用更改的ID定位选择列表?

$(".stable".children(".select")).change(onSelectChange);

没有这样做。我真的不确定如何针对小变色龙。

HTML看起来像这样:

<div class="stable">
    <label for="changing">Size:</label>
    <select name="changing" id="changing" class="Option required" onkeyup="this.blur();this.focus();onSelectChange();">...</select>
</div>

我希望很明显我并不是说ID被特别命名为“更改” - 此ID随之前的产品选择而变化,无论分配了什么ID,我都需要将其定位。它拥有的类是不变的,但它有一个空间 - 一个更大的项目的一部分,而不是我的工作。

感谢您提供任何帮助。

3 个答案:

答案 0 :(得分:6)

你的选择器不正确试试这个;

$(".stable").find("select").change(onSelectChange)..

当然,如果你只有其中一个,那么就用id本身来定位它(但是在你改变id的情况下似乎不是这样)

 $('#changing').change(onSelectChange);

答案 1 :(得分:5)

使用element selector

$("select", ".stable").change(onSelectChange);

答案 2 :(得分:4)

如果您的列表已有ID:应该是唯一的

$('#changing').change(onSelectChange);

或其他方式 -

$('.stable select').change(onSelectChange);