从html表的行中预先填充表单字段（所有这些都应该发生在jsp上）

我正在尝试使用jquery或javascript来填充表单字段，其中行元素通过单击行来选择。 我尝试在stackoverflow上找到一个类似的问题的解决方案。我是一个新手，请耐心等待我。 （ http://jsbin.com/rotuni/2/edit ） 。但我尝试了很多次。它没有按预期工作。

//html part containing the form fields which is to be pre-populated.  
 Value1 Value2 Value3 Value4 
 
 
 
 
value1
 
value2
 
value3
 
value4
 
 
 
 
 
  

js部分

 $(function() { var tableData = [ { value1: "row1-v1", value2: "row1-v2", value3: "row1-v3", value4: "row1-v4" }, { value1: "row2-v1", value2: "row2-v2", value3: "row2-v3", value4: "row2-v4" } ]; var rows = $.map(tableData, function(rowData) { var row = $(""); row.append($('').html(rowData.value1)); row.append($('').html(rowData.value2)); row.append($('').html(rowData.value3)); row.append($('').html(rowData.value4)); row.on("click", function() { fillForm(rowData); }); return row; }); $(".data-table").append(rows); function fillForm(rowData) { var form = $(".data-form"); form.find("input.value1").val(rowData.value1); form.find("input.value2").val(rowData.value2); form.find("input.value3").val(rowData.value3); form.find("input.value4").val(rowData.value4); } }); 

Answer 1

总是将这些用于js和ui部分。

Answer 2

您似乎缺少使用jquery的导入脚本。您必须导入jquery.min.js以使用jquery函数。导入以下脚本，它将起作用：