数据未传递给Ajax函数

Question

html表格的每一行中都存在下面的表格。但是，警报（“ 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();
});