php - 如何从列表中获取某个输入字段的数据值？

Question

如何从列表中获取第一个输入字段的值？

<button id="hello">get data</button><br><br>
   <table> <td><label for="voucher_<?php echo $counter; ?>">D/N Number <?php echo $counter; ?></label><br>
    <input type="text" name="voucher_<?php echo $counter; ?>" class="input-field exsmall-input" value="<?php echo $voucher; ?>" placeholder="D/N Number" id="voucher_<?php echo $counter; ?>" required>
    </td></table>

当我运行上面的代码时，行数根据计数器的不同而变化。如果我想获取第一个 DN 编号的值，我该怎么办？

$(document).ready(function(){
    $('#hello').click(function(){
          var name = $("#voucher").val();
        alert(name);
    });
});

当我运行此 javascript 时，我得到未定义的值。

Answer 1

您收到错误的原因是您使用了错误的选择器来定位输入元素。输入元素没有 ID 凭证。您需要输入 ID 才能使现有代码正常工作。

或者，您可以在当前 HTML 中使用以选择器开头的属性:

 $('#hello').click(function(){
      var name = $("input[name^='voucher_']").val();
      alert(name);
});