这里我想在onclick事件
之后执行javascript和JSP<CODE>
<table id = "add_degree">
<tbody>
<tr>
<td>
<%rs2 = st.executeQuery("Select * from degrees"); %>
<select name = "courses">
<%while(rs2.next()) {%>
<option value = "<%=rs2.getString(1)%>"><%=rs2.getString(2)%></option>
<%} %>
</select>
</td>
<td>
<input type = "text" name = "ratings" class = "span1">
</td>
<td>
<a href = "">Delete Course</a>
</td>
</tr>
</tbody>
</table>
这里onclick事件向具有相似单元块的现有表添加新行。 我有一个JSP代码,它将行数据输入数据库。 我可以同时执行JSP和javascript代码,以便我有一个新行,并将前一个输入的数据输入数据库。
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
switch(newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
case "button":
newcell.childNodes[0].value = "Delete Course";
break;
case "select-one":
newcell.childNodes[0].selectedIndex = 0;
break;
}
}
}
答案 0 :(得分:1)
如果你可以使用jQuery(现在最好的选择,无论如何)
$(document).ready(function(){
$.ajax({
url: "addToDatabase.jsp",
success: function(data){
//here goes JavaScript code that adds new row
}
});
});
不要忘记以这样的方式构造addToDatabase.jsp,传递给success函数的data
,如果该行被多次添加到数据库中,则会提供信息。
可能你需要将一些参数传递给addToDatabase.jsp,如何在jQuery参考guide中描述。