javascript - 使用 javascript 将 var 分配给输入标记的 name 属性

Question

在这里，我试图通过 html 表单存储医生给予的药物。通过将输入作为动态表单元格中的文本，我想使用 javascript 将一些计数器附加到输入单元格的名称标签，但无法这样做。我想创建新的输入标签，其属性名称为 prsc+counter -值(value)那么你能帮我吗

<table id="myTable">
  <tr>
    <td><input type="text" name="prsc0"></td>
  </tr>
  <tr>
    <td><input type="text" name="prsc1"></td>
  </tr>
  <tr>
    <td><input type="text" name="prsc2"></td>
  </tr>

<button onclick="myCreateFunction()">Create row</button>
<button onclick="myDeleteFunction()">Delete row</button>

<script>
 var counter=3;
 function myCreateFunction() {
     var table = document.getElementById("myTable");
     var row = table.insertRow(0);
     var cell1 = row.insertCell(0);
     counter=counter+1;
     var presc="prsc"+""+counter;
     cell1.innerHTML = '<input type="text" name=presc>';

 }

function myDeleteFunction() {
    document.getElementById("myTable").deleteRow(0);
}
</script>

Answer 1

你的presc是一个变量:

cell1.innerHTML = '<input type="text" name="' + presc + '">';

或者不创建它:

cell1.innerHTML = '<input type="text" name="presc' + counter + '">';

JSBin