将不同的值分配给多个具有相同名称的JQuery选择

Question

以下是我的问题：更改值以选择具有相同名称的表单的最佳方法是什么？下面是代码，我不能改变的HTML stucture：

<div id="SelectTable"> 
    <div class="SelectClass"> 
     <label class="SelectLabel>Title</label> 
     <div class="SelectOption> 
      <select name="cat[]"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
      </select> 
     </div> 
    </div> 
    <div class="SelectClass"> 
     <label class="SelectLabel>Title</label> 
     <div class="SelectOption> 
      <select name="cat[]"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
      </select> 
     </div> 
    </div> 
    <div class="SelectClass"> 
     <label class="SelectLabel>Title</label> 
     <div class="SelectOption> 
      <select name="cat[]"> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
      </select> 
     </div> 
    </div> 
</div> 

什么是选择它们分配不同的值（.VAL（）），他们每个人的最佳方式？

感谢

Answer 1

使用eq()查明每个select这样的：

$('select[name="cat[]"]').eq(0).val(3); // first select 
$('select[name="cat[]"]').eq(1).val(2); // second select 
$('select[name="cat[]"]').eq(2).val(1); // third select 

$('select[name="cat[]"]')返回所有匹配的元素（3中的情况下），那么.eq()用于

减少匹配元素的到指定指数的那个

Working example here

Answer 2

$('select[name^="cat"]').each(function(index,element){ 
//do stuff to each individually. 
element.val(index); //sets the val to the index of the element, which, you know, is useless 
}); 

这应该选择具有与猫开头的名称每个元素（你方括号中的名字后，把我吓坏了。），然后遍历他们为你改变自己的瓦尔斯独立但是。