生成的按鈕不起作用-JQuery

使用Jquery方法生成的按鈕不起作用。生成的按鈕的ID是gpaCalculate。我嘗試了點擊和方法，但它不工作。我不知道我錯在哪裏。這裏是我的全部代碼的鏈接：https://jsfiddle.net/4rxq49ko/生成的按鈕不起作用-JQuery

$(document).on("click","#gpaCalculate",function(){ 
    displayDetails(); 
})

生成按鈕JQuery的

$("#DropDownList1").change(function() { 
     myval = parseInt($(this).val()); 
     $(".tableAppend").empty(); 

     $(".tableAppend").append('<tr><th></th><th>Courses</th><th>Credit Hours</th><th>Grade</th></tr>'); 
     $(".tableAppend").append('<tr><input type="submit" name="calculateGPA" value="Click Me" id="calculateGPA" /></tr>'); 
     for (var i = 1 ; i <= myval ; i++) { 
      $(".tableAppend").append('<tr><td>' + (i) + '.</td><td><input name="courseTextBox' + i + '" type="text" id="courseTextBox' + i + '"></td>' + 
       '<td><input name="creditTextBox' + i + '" type="text" id="creditTextBox' + i + '"> </td>' + 
       '<td><select id="gradeSelect' + i + '">' + 
            '<option value ="A">A</option>' + 
            '<option value ="A-">A-</option>' + 
            '<option value ="B+">B+</option>' + 
            '<option value ="B">B</option>' + 
            '<option value ="B-">B-</option>' + 
            '<option value ="C+">C+</option>' + 
            '<option value ="C">C</option>' + 
            '<option value ="C-">C-</option>' + 
            '<option value ="D">D</option>' + 
            '<option value ="F">F</option>' + 
       '</select></td>'); 

     } 
     $(".tableAppend").append('<tr><td></td><td><button type="submit" id="gpaCalculate" >Calculate GPA</button></td>'); 
    });

來源

2016-03-07 adarshjaya12

你的jquery在哪裏註冊了按鈕？ –

您正在使用服務器端下拉控件。在jQuery中，下拉列表的選擇器應該是$（'＃<％= DropDownList1.ClientId％>'） – JustLearning

嘗試，

$("#gpaCalculate").onclick(function() { 
    displayDetails(); 
})

來源

2016-03-07 10:04:16

試試這個：

$("#DropDownList1").change(function() { 
myval = parseInt($(this).val()); 
$(".tableAppend").empty(); 

$(".tableAppend").append('<tr><th></th><th>Courses</th><th>Credit Hours</th><th>Grade</th></tr>'); 
$(".tableAppend").append('<tr><input type="submit" name="calculateGPA" value="Click Me" id="calculateGPA" /></tr>'); 
for (var i = 1 ; i <= myval ; i++) { 
$(".tableAppend").append('<tr><td>' + i + '.</td><td><input name="courseTextBox' + i + '" type="text" id="courseTextBox' + i + '"></td>' + 
    '<td><input name="creditTextBox' + i + '" type="text" id="creditTextBox' + i + '"> </td>' + 
    '<td><select id="gradeSelect' + i + '">' + 
    '<option value ="A">A</option>' + 
    '<option value ="A-">A-</option>' + 
    '<option value ="B+">B+</option>' + 
    '<option value ="B">B</option>' + 
    '<option value ="B-">B-</option>' + 
    '<option value ="C+">C+</option>' + 
    '<option value ="C">C</option>' + 
    '<option value ="C-">C-</option>' + 
    '<option value ="D">D</option>' + 
    '<option value ="F">F</option>' + 
    '</select></td>'); 

} 
$(".tableAppend").append('<tr><td></td><td><button type="submit" id="gpaCalculate">Calculate GPA</button></td>'); 
$("#gpaCalculate").click(function (e) { 
e.preventDefault(); 
displayDetails(); 
}) 
});

來源

2016-03-07 10:32:50 sariDon

試試這個方法。

$("#gpaCalculate").live("click", function() { 
    alert("Goodbye!"); 
});

來源

2016-03-07 10:49:00

生成的按鈕不起作用-JQuery

回答

相關問題