下一个选项jquery

Question

尝试使用id标识符选择下一个选项下拉列表,但无济于事

这是代码

$('#chapter option:selected', 'select').removeAttr('selected').next('option').attr('selected', 'selected')

Answer 1

我认为#chapter是<select>其祖先或其中一个祖先.

如果是这种情况,请删除context参数.

$('#chapter option:selected').removeAttr('selected')
              .next('option').attr('selected', 'selected');

你有这种方式,你实际上是这样做的:

$('select').find('#chapter option:selected').removeAttr(...

...正在寻找一个内部的元素,该元素<select>具有ID option:selected的elelent 的下降chapter.

编辑:这个答案只关注选择不起作用的原因.使用@Andy E的答案中的方法完成最终任务会更好.

我推荐一个作为接受的答案.

Answer 2

除非元素具有multiple属性,否则在将元素添加到其中selected一个<option>元素时,不必从元素中删除该元素. <select>

假设patrick dw的答案是正确的(因为你已经接受了它),你可以通过将DOM带回其根源,将这些代码重构为更高效的代码:

$("#chapter")[0].selectedIndex++;

更不用说用较短代码保存的宝贵字节.