數據未傳遞給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();
});