0

私のjavascript関数は、ボタンのクリック時にaddRow()関数が呼び出されるたびに2つのテキストボックスを動的に作成している場所の下にあります.また、各テキストボックスの名前属性を動的に設定しています.しかし、これらのテキストボックスの値にサーブレットを呼び出し、出力として null 値を取得します。

<html>
<head>
<script>
var count=1;
function addRow()
{


var table = document.getElementById('table');
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "text";
    element1.name = "item "+ count;
   // document.write(element1.name);
    cell1.appendChild(element1);     

    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");
    element2.type = "text";
    element2.name = "amount" + count;
    cell2.appendChild(element2);

    var cell3 = row.insertCell(2);
    cell3.innerHTML = ' <input type="button" value="Edit" onclick="editRow(this)"/><input type="button" value="Delete" onclick="deleteRow(this)"/>';
    cell3.setAttribute("style", "display:none;");

    var cell4 = row.insertCell(3);
    cell4.innerHTML = '<input type="button" value="Save" onClick="saveRow(this)">';


    document.listform.hfield.value=rowCount;
    count++;



}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/style.css" type="text/css">
<title>Create your list</title>
</head>
<body>
<form name="listform" method="post" action="Billingservlet">
<div class="wrap">
<center>
<div id="display">
<table id='table' border="0">
<tr id='id'>
<th>
            Item Name
        </th>

        <th>
            No. of units
        </th>   
</tr>   
</table>    

<input type="button" value="Add another item" onclick="addRow()">   
<input type="submit" value="Submit List">
<input type="hidden" name="hfield">

</div>
</center>
</div>
</form>
</body>
</html>
4

0 に答える 0