Jquery onchange Post

Question

您好我想在此刻选择一个值发布到process.php页面。 我有这段代码：

<select name="sweets" id="sweets" >
<option value="1">Chocolate</option>


<option value="2">Taffy</option>

<option value="3">Fudge</option>
<option value="4">Cookie</option>

和jquery：

 $("#sweets").change(function () {
      var str = "";
      $("select option:selected").each(function () {
            str += $(this).val() + " ";
         var q =  $(this).val();
          var dataString = 'q=' + q; 

           });
      $("div").text(str);
        $.ajax({
                    type: "POST",
                    url: "process.php",
                    data: dataString,
                    success: function() {
                                         $('#form').slideUp('slow');
                                        }
                })

    })

    .change();

我不能让它将值发布到process.php。

感谢任何帮助，

谢谢

Answer 1

您在奇数位置声明dataString，但您可以直接更轻松地获取<select>的{​​{3}}，如下所示：

$("#sweets").change(function () {
  $("div").text($(this).val());
  $.post("process.php", { q: $(this).val() }, function() {
    $('#form').slideUp('slow');
  });
}).change();

在上面我还将您的代码转换为使用.val()作为快捷方式，但它具有相同的效果。