国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

從單擊它的html表行中預填充表單字段(所有這些都應該在jsp上發生)

瀏覽:102日期:2024-05-14 15:08:45
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決從單擊它的html表行中預填充表單字段(所有這些都應該在jsp上發生)?

始終將這些用于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://m.cgvv.com.cn/resources/demos/style.css' />解決方法

我正在嘗試使用jquery或javascript用單擊行選擇的行元素填充表單字段。我嘗試了在stackoverflow上找到的解決方案,以解決類似問題。我是新手,請多多包涵。(http://jsbin.com/rotuni/2/edit)。但是我嘗試了很多次。它無法正常工作。

//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); }});

標簽: HTML
相關文章:
主站蜘蛛池模板: 成人午夜大片免费看爽爽爽 | 亚洲国产日韩欧美在线 | 六月丁香婷婷色狠狠久久 | 久久国产精品免费一区二区三区 | 国产精品久久在线观看 | 国产大臿蕉香蕉大视频 | 91精品成人 | 激情一区二区三区成人 | 日本人成18在线播放 | 亚洲精品无码不卡 | 亚洲一区二区三区四区五区六区 | 久草视频免费播放 | 久久精品国产99国产精品亚洲 | 69国产成人综合久久精品91 | 成人区在线观看免费视频 | 久久er热在这里只有精品85 | 亚洲理论视频 | 成人免费观看永久24小时 | 久久国产亚洲 | 久久91亚洲精品久久91综合 | 日本欧美三级 | 中文字幕二区 | 日韩一区二区不卡 | 国产欧美一区二区三区精品 | 日韩美a一级毛片 | 免费区一级欧美毛片 | 国产成人免费视频精品一区二区 | 真实国产精品视频国产网 | 99爱在线精品视频免费观看9 | 视频一区色眯眯视频在线 | 亚洲精品国产一区二区三 | 97视频在线免费 | 久久香蕉国产观看猫咪3atv | 九九视频精品在线 | 国产在线精品二区韩国演艺界 | 亚洲国产精品久久综合 | 性感美女香蕉视频 | 亚洲一区二区三区免费观看 | 久久久久久亚洲精品影院 | 久久精品国产三级不卡 | 久久久久久久综合色一本 |