Question

我试图用jQuery填写表格，其中包含名称和电子邮件等详细信息，但我无法使其工作。

<form action="/shipping" method="post" novalidate="">
  <div class="linked input_group">
    <p class="input text span_half">
      <label for="buyer_first_name">First name</label>
      <input type="text" name="buyer_first_name" id="buyer_first_name" value="">
    </p>
    <p class="input text span_half">
      <label for="buyer_last_name">Last name</label>
      <input type="text" name="buyer_last_name" id="buyer_last_name" value="">
    </p>
  </div>
  <div class="input_group">
    <p class="input text">
      <label for="buyer_email">Email address</label>
      <input type="email" name="buyer_email" id="buyer_email" value="">
    </p>
  </div>
</form>

我以为我可以使用下面的内容，并尝试了几种变体，但我仍然无法让它发挥作用。

$("#buyer_first_name").val('dave smith');

有任何帮助吗？感谢

Answer 1

我的猜测是你在DOM准备好进行操作之前运行jQuery代码：https://jsfiddle.net/fyb4xkvj/1/

$(document).ready(function() {
    $("#buyer_first_name").val('dave smith'); 
});

Answer 2

只要实际加载了jquery，您的代码就可以正常工作。

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

https://jsfiddle.net/u65k9mzp/

使用jQuery填写表单

2 个答案: