Question

我有一个HTML网格，它是动态生成的，行ID为[row_X]。如何使用jQuery迭代每一行，找到子选择控件并设置“选定”值？

<tr id="row_0">
  <td>
    <select class="selection">
         <option id='1' value='1'>A</option>
         <option id='2' value='2'>B</option>
         <option id='3' value='3'>C</option>
         <option id='4' value='4'>D</option>
         <option id='5' value='5'>E</option>
    </select>
  </td>
</tr>
<tr id="row_1">
  <td>
    <select class="selection">
         <option id='1' value='1'>A</option>
         <option id='2' value='2'>B</option>
         <option id='3' value='3'>C</option>
         <option id='4' value='4'>D</option>
         <option id='5' value='5'>E</option>
    </select>
  </td>
</tr>

Answer 1

$("#row_0").find( "select" ).val(1);

请参阅jQuery documentation for .val()

Answer 2

尝试在id元素处将class更改为option;选择器$("table tbody tr .selection")选择select元素;利用.each()来迭代select个元素，使用options.selectedIndex个select元素与index option来设置选定的option;例如。;选择值option的{{1}}，将"B"设为selectedIndex

＆＃13;

$(function() {
  $("table tbody tr .selection").each(function(index, el) {
    el.options.selectedIndex = 1
  })
})

＆＃13;

使用jQuery在动态生成的行上设置选定的值

2 个答案: