Question

我的代码有问题：我无法获得文本框的价值：

这是我的代码：

$(document).ready(function () {
    $('#btnsave').click(function () {
        //saveData();
        // for looping the tr id:
        $("tr#mytr", "#mytable").each(function () {

            // how to get value of pos_x in every tr??

        });
    })
});

这是html

<table style="width:100%" id="mytable">
   <tr id="mytr">
    <td>
     X position:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"  style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Y position:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Width:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Height:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Last save date:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr>
    <td colspan="2">
     <input type="button"  name="btnsave" value="Save" id="btnsave" >
    </td>
   </tr>
  </table>

在这段代码中，我使用相同的tr和每个文本框的id ...

Answer 1

$('input[name="pos_x"]').each(function(){
    var pos_x = $(this).val();
    //Do what you want from here...
});

应该做你想做的事。您的代码无法正常编写的原因是多个元素具有相同的ID。 ID应该是唯一的（类可以赋予多个元素）。

Answer 2

$（本）。儿童（ “＃xPositionField”）VAL（）;

jquery备忘单http://labs.impulsestudios.ca/jquery-cheat-sheet

btw我认为你应该为pos_y-fields使用不同的id（比如yPositionField）

Answer 3

$（本）.find（ “＃xPositionField”）。VAL（）

如何使用jquery获取表内文本框的值？

3 个答案: