获得一个最接近的选择元素与jQuery

Question

我想下一个选择元素（因为将有多个具有相同ID），这里是代码

function fillProds(catid) { 
    $.get("http://localhost/crops/?module=from-receipt&action=getproducts&format=json&catid="+catid , null,function(d){ 
     CC = eval(d); 
     t = $(this).find('select'); 
     alert(t); 
     t.options.length=0; 
     t.options[0]=new Option("",""); 
     for(i=0;i<CC.length;i++) { 
      t.options[i+1]=new Option(CC[i].name,CC[i].id); 
     } 
    }); 
} 

和HTML部分

<tr> 
       <td class="first" width="172"> 
        <select onchange="fillProds(this.value)" id="catid"> 
         <option></option> 
         <?php foreach ($cats as $v => $r) { ?> 
          <option value="<?=$r['id']?>"><?=$r['name']?></option>'; 
         <?php } ?> 
        </select> 
       <td> 
        <input type="hidden" name="transindetid[]" value="" /> 
        <select name="transindet[prodid][]" id="prods" class="validate-not-first"> 
         <option></option> 
        </select> 
       </td> 
       <td class="last"> 
        <input type="text" name="transindet[qty][]" class="required" value=""> &nbsp; 
        <a href="#" class="delRow" style="color:red">x</a> 
       </td> 
</tr> 

所以问题是我得到错误，如设置未定义的长度，可能是因为我没有正确地获取select元素。 上述任何更正，以便我可以使其正确工作，并选择下一个选择元素？

谢谢。

Answer 1

好，我得到了一个解决方案

function fillProds(catid,obj) { 
    $.get("http://localhost/crops/?module=from-receipt&action=getproducts&format=json&catid="+catid , null,function(d){ 
     CC = eval(d); 
     trs = $(obj).closest('tr'); 
     t = trs.find('#prods').get(0); 
     t.options.length = 0; 
     t.options[0]=new Option("",""); 
     for(i=0;i<CC.length;i++) { 
      t.options[i+1]=new Option(CC[i].name,CC[i].id); 
     } 
    }); 
} 

<tr> 
       <td class="first" width="172"> 
        <select onchange="fillProds(this.value,this)" id="catid"> 
         <option></option> 
         <?php foreach ($cats as $v => $r) { ?> 
          <option value="<?=$r['id']?>"><?=$r['name']?></option>'; 
         <?php } ?> 
        </select> 
       <td id="select"> 
        <input type="hidden" name="transindetid[]" value="" /> 
        <select name="transindet[prodid][]" id="prods" class="validate-not-first"> 
         <option></option> 
        </select> 
       </td> 
       <td class="last"> 
        <input type="text" name="transindet[qty][]" class="required" value=""> &nbsp; 
        <a href="#" class="delRow" style="color:red">x</a> 
       </td> 
</tr> 

所以在其寻找最近的TR和获得的第一个元素（我认为）的时刻，具有ID电棒

Answer 2

这是你的意思吗？

http://api.jquery.com/eq-selector/

在jQuery中您可以使用选择像$("select").next()和$("select:eq(1)")

Answer 3

尝试删除内嵌结合和的jQuery做。

<td class="first" width="172"> 
       <select class="s-parent" id="catid"> 
        <option></option> 
        <?php foreach ($cats as $v => $r) { ?> 
         <option value="<?=$r['id']?>"><?=$r['name']?></option>'; 
        <?php } ?> 
       </select> 
      <td> 
       <input type="hidden" name="transindetid[]" value="" /> 
       <select name="transindet[prodid][]" id="prods" class="validate-not-first"> 
        <option></option> 
       </select> 
      </td> 
      <td class="last"> 
       <input type="text" name="transindet[qty][]" class="required" value=""> &nbsp; 
       <a href="#" class="delRow" style="color:red">x</a> 
      </td> 

这是你的新的JS：

$('.s-parent').on('change',function() { 
    var $el =$(this), 
    catid = $el.val(); 

    $.get("http://localhost/crops/?module=from-receipt&action=getproducts&format=json&catid="+catid , null,function(d){ 
     CC = eval(d); 
     t = $('select',$el.closest('tr')).eq(1); //the second select in the same tr 
     alert(t); 
     t.options.length=0; 
     t.options[0]=new Option("",""); 
     for(i=0;i<CC.length;i++) { 
      t.options[i+1]=new Option(CC[i].name,CC[i].id); 
     } 
    }); 
}); 

最后，那些都是主要变化：

var $el =$(this), 
     catid = $el.val(); 

t = $('select',$el.closest('tr')).eq(1); //the second select in the same tr 

另外，我强烈建议你避免的eval（d ）。 insted的使用jquery.getJson