数据未传递给 ajax 函数

Question

下面的表格出现在html表格的每一行中。但是alert（“dfd”）仅针对表格的第一行而不是其他行中的表格弹出（这些表格出现在网页上） .谁能告诉它为什么会发生？

HTML：

 <form class='form form-horizontal' method='post' role='form' id='formsel' name='formsel'>
        <fieldset  >   
        <div>    
            <span class='control-group' >
            <span  class='controls'>
                <select id='formcont' name='formcont' class='form-control' style='cursor:pointer;'>
                    <option selected='selected' style='display:none;'>Select</option>
                    <option  value='1'>Option1</option>
                    <option  value='2'>Option2</option>
                    <option  value='3'>Option3</option>

            </select> <button id='selbtn' name='selbtn' type='submit'>Sub,it</button>

            </span>
            </span></div>

        </fieldset>

    </form>

JS：

$("#formsel").submit(function () {
    alert("dfd");
    $.ajax({
        url:"add.php",
        data:$("#formcont").val().serialize(),
        type:"POST",
        success:function(data){
            console.log(data);
            if(data=="done"){
                alert("success");
            } 
        },
        error:function(data){
            alert("Network ERROR");
        }
    })
    return false;
});


$("#selbtn").click(function () {
  ("#formsel").submit();
});

PHP：

 <?php
    include ('db.php');
    session_start();

    echo "done";
    ?>

Answer 1

是的，因为您没有发送任何数据：

$("#formcont").val().serialize()

应该是：

$(this).serialize()

由于您单击以触发submit 的按钮是提交按钮，因此您实际上不需要以下代码：

$("#selbtn").click(function () {
  ("#formsel").submit();
});