如何将变量“名称”属性分配给 html 中的 <input> 元素答案

【问题标题】：How to assign variable "name" attribute to <input> element in html如何将变量“名称”属性分配给 html 中的 <input> 元素
【发布时间】：2018-05-22 23:31:50
【问题描述】：

下面是我尝试制作用户界面的图像。在这里，我在 JSP 中使用循环来创建它。

现在，我想给每个输入元素的名称一个唯一的值，以便区分它们。这就是为什么我想给他们变量名称属性，我可以使用该名称在 JSP 中设置和赋值。

我想知道 JavaScript 是否可以做到这一点。如果没有，那我可以选择哪种语言？

我在 JSP 中使用的代码如下。在这里，在作为 ResultSet 类型的 resultSet 变量中，我正在获取存储在数据库中的数据并将其显示在屏幕上。

 <% while (resultSet.next()) { %> <%= resultSet.getString("ExamID")%></td> 
    <input type="text" name="marks" placeholder="Marks" size="10" />
 <% } %> <input type="submit" name="enter" value="submit" />

【问题讨论】：

当在 jsp 中生成元素时，您应该能够轻松地为其分配动态名称，而无需使用 jquery 或 javascript 来执行此操作。请提供生成标记的 jsp 逻辑。
我在 JSP 中使用的代码如下。在这里，在作为 ResultSet 类型的 resultSet 变量中，我正在获取存储在数据库中的数据并将其显示在屏幕上。

标签： javascript jquery html angularjs jsp

【解决方案1】：

这是 angularjs 的等价物 http://jsfiddle.net/f6mma2jz/

html:

<form ng-app="myApp" ng-controller='ControllerA'>
    <table>
    <tr>
    <td>Exam Id</td>
    <td>Obtained Mark</td>
    </tr>
    <tr ng-repeat="result in resultSet">
    <td>{{result.id}}</td>
    <td><input type="text" name="enter" placeholder="Marks" ng-model="result.mark"/></td>
    </tr>
    </table>
    <input type="submit" name="enter" value="submit" />
   Model::{{resultSet}}
</form>

js:

var app = angular.module('myApp', [])
.controller('ControllerA', function($scope) {

   $scope.resultSet = [{id:1401001},{id:1401002},{id:1401003},{id:1401004}]
});

【讨论】：