javascript - 如何使用 jQuery 设置 HTML 表格 <td> 内的选择控件的 id 和名称？

Question

我有以下表格和选择控件的 HTML 代码:

<table id="blacklistgrid_1"  class="table table-bordered table-hover table-striped">
  <thead>
    <tr id="jumbo">
      <th style="vertical-align:middle">Products</th>
      <th style="vertical-align:middle">Pack Of</th>
      <th style="vertical-align:middle">Quantity</th>
      <th style="vertical-align:middle">Volume</th>
      <th style="vertical-align:middle">Unit</th>
      <th style="vertical-align:middle">Rebate Amount</th>
    </tr>
  </thead>
  <tbody class="apnd-test">
    <tr id="reb1_1">
      <td>
        <div class="btn-group">
          <select name="" id="" class="form-control prod_list">
            <option value='1'>Alabama</option>
            <option value='2'>Alaska</option>
            <option value='3'>Arizona</option>
            <option value='4'>Arkansas</option>
            <option value='5'>California</option>
           </select>
         </div>
       </td>
     </tr>
   </tbody>
 </table>

现在我想将上面 HTML 代码中的选择控件的名称和 id 设置为以下值:

name="product_id_1[1]"
id="product_id_1_1"

如何实现这一目标？

Answer 1

您可以使用.attr()来设置select的属性id和名称。试试这个

 $('td select').attr('name','product_id_1[1]');
 $('td select').attr('id','product_id_1_1');

<强> Working Fiddle

更新:定位第一个选择元素:

 $('td select:eq(0)').attr('id','product_id_1_1');