Question

在提交时，我想使用jQuery将带有#firstname id的输入字段的值显示到div中。

$("#form").submit(function(e) {
  $.ajax({
    url: '{{config path="web/unsecure/base_url"}}proteinlaunch/form/checkaddress',
    type: 'post',
    dataType: 'json',
    data: $('form#proteinForm').serialize(),
    success: handleData

  });
  e.preventDefault();

  function handleData(data) {
    //do some stuff



    var text = $('input#firstname').text();
    $("div#mydiv").html(text);
  }

})

我的表单元素是：

<input class="fname" id="firstname" name="firstname" type="text" placeholder="First Name" />

我的HTML是：

<div id="mydiv"></div>

Answer 1

如果要获取输入字段的值，则应使用.val()而不是.text();：

$("div#mydiv").html( $('input#firstname').val() );

注意：如果输入的值不是HTML，最好使用.text()代替.html()。

＆＃13;

$("#form").submit(function(e) {
  e.preventDefault();

  $.ajax({
    url: '{{config path="web/unsecure/base_url"}}proteinlaunch/form/checkaddress',
    type: 'post',
    dataType: 'json',
    data: $('form#proteinForm').serialize(),
    success: handleData
  });
});

function handleData(data) {
  var text = $('input#firstname').val();
  $("div#mydiv").html(text);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  <input class="fname" id="firstname" name="firstname" type="text" placeholder="First Name" />
</form>

<div id="mydiv"></div>

＆＃13;

如何使用jQuery动态地将表单字段值传递给div？

1 个答案: