JavaScriptコード:
コードコピーは次のとおりです。
<スクリプト言語= "javascript">
関数addRows(){
var len = optionlist.rows.length; //テーブルの行数を取得します
var obj = optionlist.insertrow(len); //最後の行に挿入します
/**最初の列を挿入**/
obj.insertcell(0);
obj.cells(0).innerhtml = "option" +(len + 1) + ":<入力タイプ=テキスト名=オプションサイズ= 28>";
}
function leterow(){
var len = optionlist.rows.length;
if(len <= 1){
アラート( "少なくとも1つのオプション");
}
それ以外 {
optionlist.deleterow(len-1); //最後のアイテムを削除します
}
}
function getoptioncount(){
return optionlist.rows.length;
}
</script>
JSPページのキーコード
コードコピーは次のとおりです。
<入力型= "button" id = "bt1" value = "add option" onclick = "addrows();">
<入力型= "button" id = "bt2" value = "delete option" onclick = "deletrow();">
テーブルがJavaScriptで認識できるようにテーブルのIDを設定します
コードコピーは次のとおりです。
<table id = "optionlist">
</table>