使用jQuery将数据库中的值显示为表中动态创建的文本字段
我将使用JQuery将数据库中的值显示到动态创建的文本字段到每个表格单元格。 （请注意，我要显示的提取值并不完全相同。）’lvl’（例如lvl1或lvl2）是来自数据库的值，而不是id或文本字段类。
这是它的样子……
| itm1 | itm2 | itm3 | itm4 | itm5 ------|------|------|------|------|----- skill1| lvl2 | lvl3 | lvl1 | lvl4 | lvl0 ------|------|------|------|------|----- skill2| lvl1 | lvl0 | lvl4 | lvl2 | lvl1 ------|------|------|------|------|----- skill3| lvl4 | lvl2 | lvl3 | lvl0 | lvl1 我的JQuery，
$('tbody tr td').click(function(){ var row = $(this).closest('td'); var skill = row.find('.skillID').val(); var item = row.parent().children().index(row); $.ajax({ type: "POST", url: "controller/get_level", data: {'Skill_ID':skill,'Item_ID':item}, cache: false, success: function(data){ alert("Level "+data); } }); });
上面的代码在alert和click func中成功，但是我需要通过单击“td”在textfield中显示数据，或者在加载页面时，值会自动显示。
视图，
ItemID ?> <?php for($i=0; $i <input type="hidden" class="skillID" value="Skill_ID" ?> />
$('tbody tr td').click(function() { var col = $(this).closest('td'); var skill = col.find('.skillID').val(); var index = col.index(); var item = $('table thead tr').find('td').eq(index).text(); console.log('Skill_ID - ' + skill + ';\nItem_ID - ' + item); $.ajax({ type: "POST", url: "controller/get_level", data: { 'Skill_ID': skill, 'Item_ID': item }, cache: false, success: function(data) { col.find("input[type=text]").val("Level " + data); } }); });
table tr td { border: 1px solid black; } input { width: 50px; }
Item1 Item2 Item2 Skill 1 Skill 2