從單擊它的html表行中預(yù)填充表單字段（所有這些都應(yīng)該在jsp上發(fā)生）
始終將這些用于js和ui部分。
<link rel='stylesheet' /><script src='http://code.jquery.com/jquery-1.8.3.js' type='text/javascript'></script><script src='http://code.jquery.com/ui/1.10.0/jquery-ui.js' type='text/javascript'></script><link rel='stylesheet' href='http://www.baoyu77737.com/resources/demos/style.css' />解決方法
我正在嘗試使用jquery或javascript用單擊行選擇的行元素填充表單字段。我嘗試了在stackoverflow上找到的解決方案，以解決類(lèi)似問(wèn)題。我是新手，請(qǐng)多多包涵。（http://jsbin.com/rotuni/2/edit）。但是我嘗試了很多次。它無(wú)法正常工作。
//html part containing the form fields which is to be pre-populated. <body><form class='data-form'><label>Value1<input /></label><label>Value2<input /></label><label>Value3<input /></label><label>Value4<input /></label></form> <table > <thead><tr> <th>value1</th> <th>value2</th> <th>value3</th> <th>value4</th></tr> </thead> <tbody> </tbody> </table> </body>
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 = $('<tr></tr>'); row.append($(’<td class='class1'></td>’).html(rowData.value1)); row.append($(’<td class='class2'></td>’).html(rowData.value2)); row.append($(’<td class='class3'></td>’).html(rowData.value3)); row.append($(’<td class='class4'></td>’).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); }});
相關(guān)文章：
1. 哪位大神知道MySql怎么修改多行多列的數(shù)據(jù)?求指點(diǎn)2. 這是什么情況？？？3. 編輯管理員信息時(shí)，為什么沒(méi)有修改過(guò)的內(nèi)容會(huì)為空？4. phpadmin的數(shù)據(jù)庫(kù)，可以設(shè)置自動(dòng)變化時(shí)間的變量嗎？就是不需要接收時(shí)間數(shù)據(jù)，自動(dòng)變化5. mysql - thinkphp5 在MAC電腦本地正常，部署LINUX服務(wù)器之后，模型不存在6. 老哥們求助啊7. mysql服務(wù)無(wú)法啟動(dòng)1067錯(cuò)誤，誰(shuí)知道正確的解決方法？8. PHP類(lèi)封裝的插入數(shù)據(jù)，總是插入不成功，返回false；9. APP上傳到電腦服務(wù)器，出現(xiàn)數(shù)據(jù)上傳不完整的問(wèn)題10. 求救一下，用新版的phpstudy，數(shù)據(jù)庫(kù)過(guò)段時(shí)間會(huì)消失是什么情況？
網(wǎng)公網(wǎng)安備