javascript - jQuery 序列化所选选项的值，而不是标签

Question

我有一个选择控件:

<select name="AdditionalCategory">
  <option value="1">Category 1</option>
  <option value="2">Category 2</option>
</select>

然后我使用 jQuery 发送 AJAX 请求，序列化表单:

$.post("../../d/up.php",$("#main").serialize(),
          function(data){

但是，例如，如果我选择类别 1，serialize() 函数会序列化标签，而不是选项的值。因此请求将是 up.php/?AdditionalCategory=Category 1

有没有办法告诉函数发送值，如下所示:up.php/?AdditionalCategory=1

Answer 1

它应该可以正常工作，但是您的 HTML 表单中有一个小错误，即 <option> 的结束标记。你有的是 </value>应该是</option>相反。

检查下面的工作代码:

$(function() {

  $("#but").click(function() {
    console.log($("#main").serialize());
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="main">
  <select name="AdditionalCategory">
  <option value="1" selected>Category 1</option>
  <option value="2">Category 2</option>
</select>
</form>

<button id="but">Click me</button>