javascript - 选择数据列表选项时如何发布表单数据

Question

我有一个 jQuery 代码来获取选择的选项，但是当我将表单的数据发布到数据库时没有任何反应，但是当我使用 console.log 进行测试时显示选择操作已更改。

$('#names').change(function() {
  $.post('/fuel/driver', $('fuelForm').serialize(), function(data) {
      // success
    }, 'json');
});

<form role="form" id="fuelForm">
  <input type="text" class="form-control col-lg-4" placeholder="Select driver's name" name="names" id="names" list="saved_driver_name">
  <datalist id="saved_driver_name">
    <option value="">----</option>
    @for(i <- FuelHistory.fuel()) {
      <option value="@i.driver.names">@i.driver.names</option>
    }
  </datalist>
</form>

Answer 1

您必须使用 $('#fuelForm')。你缺少 id-selector

$('#names').change(function() {
  $.post('/fuel/driver', $('#fuelForm').serialize(), function(data) {
    // success
  }, 'json');
});