2017-12-08 6 views
-5

以下は、ユーザーインターフェイスを作成しようとしている画像です。ここでは、JSPでループを使用してこれを作成しています。変数 "name"属性をhtmlの<input>要素に割り当てる方法

ここでは、すべての入力要素の名前を区別できるように、固有の値を与えたいと思います。だからこそ私はそれらに私が設定し、その名前を使ってJSPで値を付ける変数の名前属性を与えたいのです。

JavaScriptがこれを行うことができるかどうかを知りたいと思います。そうでない場合は、どの言語を選択できますか?私はJSPで使用しています

Image


コードは以下の通りです。ここで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" /> 
+2

<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で生成されているときjspを使用する必要はありません。マークアップを生成しているJSPロジックを提供してください。 – Taplar

+0

JSPで使用しているコードは次のとおりです。ここでResultSet型のResultSet変数では、データベースに格納されたデータを取得して画面に表示しています。 %%<%= resultSet.getString( "ExamID")%> <% } %> user7386856

答えて

0

これは http://jsfiddle.net/f6mma2jz/

同等angularjs

htmlです:あなたは簡単に要素を動的に名前を割り当てることができるはず

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

    $scope.resultSet = [{id:1401001},{id:1401002},{id:1401003},{id:1401004}] 
}); 
関連する問題