Jquery:通过$ .each循环在表中查找文本框和下拉值

时间:2015-12-30 11:39:13

标签: jquery

在jquery的表迭代期间,我想从文本框和下拉列表中读取值。我想通过id访问文本框和下拉列表。我尝试了这段代码但没有获得所需的输出。这是完整的代码。

<table id='sample'>
<thead>
    <tr>
        <th>
            First Name
        </th>
        <th>
            Last Name
        </th>
        <th>
            Vehicle          
        </th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>
            <input type="text" id='txtFname' name='txtFname'>
        </td>
        <td>
            <input type="text"  id='txtLname' name='txtLname'>
        </td>
        <td>
          <select>
            <option value="">--Select--</option>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
          </select>          
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" id='txtFname' name='txtFname'>
        </td>
        <td>
            <input type="text"  id='txtLname' name='txtLname'>          
        </td>
        <td>
          <select id='vehicle'>
            <option value="">--Select--</option>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
          </select>          
        </td>
    </tr>
</tbody>    
<tfoot>
    <tr>
      <td colspan="2">sample footer</td>
    </tr>
  </tfoot>    
</table>

$('#sample tr').each(function() {
    alert($(this).("input[id^='txtFname']").val());

});

我犯了错误?感谢

修改

我想在按钮点击时迭代表.........但仍然无效。

$(document).ready(function() {
    $("#btnSubmit").click(function(){
$('#sample tr').each(function() {
    alert($(this).find("input[id='txtFname']").val());
  return false
});
    }); 
});

https://jsfiddle.net/tridip/mgbqhL7v/6/

1 个答案:

答案 0 :(得分:0)

您忘记使用.find()

使用此

$(this).find("input[id^='txtFname']").val();

alert

<强> WORKING FIDDLE

<强> UPDATED FIDDLE