Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/235.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery显示从数据库到表中动态创建的文本字段的值_Javascript_Php_Jquery_Ajax_Html Table - Fatal编程技术网

Javascript 使用jQuery显示从数据库到表中动态创建的文本字段的值

Javascript 使用jQuery显示从数据库到表中动态创建的文本字段的值,javascript,php,jquery,ajax,html-table,Javascript,Php,Jquery,Ajax,Html Table,我将使用JQuery向每个表单元格显示从数据库到动态创建的文本字段的值。(请注意,我要显示的获取值并不完全相同。)“lvl”(例如lvl1或lvl2)是来自数据库的值,而不是一个id或文本字段类 下面是它的样子 | itm1 | itm2 | itm3 | itm4 | itm5 ------|------|------|------|------|----- skill1| lvl2 | lvl3 | lvl1 | lvl4 | lvl0 ------|------|------|

我将使用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: "<?php echo base_url(); ?>controller/get_level",
    data: {'Skill_ID':skill,'Item_ID':item},
    cache: false,
    success: function(data){
       alert("Level "+data);
     }
  });
});
$('tbody tr td')。单击(函数(){
var行=$(this).closest('td');
var skill=row.find('.skillID').val();
var item=row.parent().children().index(row);
$.ajax({
类型:“POST”,
url:“控制器/获取级别”,
数据:{'Skill\u ID':Skill,'Item\u ID':Item},
cache:false,
成功:功能(数据){
警报(“级别”+数据);
}
});
});
上面的代码在alert和click func中成功,但我需要通过单击“td”在textfield中显示数据,或者在加载页面时,该值将自动显示

观点



$('tbody tr td')。单击(函数(){
var col=$(this).closest('td');
var skill=col.find('.skillID').val();
var指数=列指数();
var item=$('table thead tr').find('td').eq(index.text();
log('Skill\u ID-'+Skill+';\nItem\u ID-'+item);
$.ajax({
类型:“POST”,
url:“控制器/获取级别”,
数据:{
“技能ID”:技能,
“项目ID”:项目
},
cache:false,
成功:功能(数据){
col.find(“输入[类型=文本]”).val(“级别”+数据);
}
});
});
表tr td{
边框:1px纯黑;
}
输入{
宽度:50px;
}

项目1
项目2
项目2
技能1
技能2

请创建一个-您甚至不发布检索到的数据或任何HTML的示例。请搜索“parse json jquery”,如果它是JSONI,如果我没有弄错,lvl2可能是表单元格中的文本字段,然后更新ajax调用成功时的值,如$(“.lvl2”).val(数据);“是的,lvl2/lv3等是表中的文本字段”,但lvl是我要获取的值。。实际上不是文本字段的id或类。我在你的HTMLOW中没有看到任何类似
.skillID
的类名,在thead中获取值的想法很棒,因为我一开始不知道如何获取它,我只是使用列号作为作弊来获取列的值。谢谢。是的,这很有效,但是如果我想自动显示值,而不是单击每个td,我该怎么做?
<thead>
  <tr>
     <td>&nbsp;</td>
     <?php foreach($items as $item): ?>
       <td><?php echo $item->ItemID ?></td>
     <?php endforeach; ?>
  </tr>
</thead>
<?php foreach($skills as $skill): ?>
<tbody>
  <tr>
    <?php for($i=0; $i<count($items); $i ++){ ?>
       <td><input type="text" value="" />
       <input type="hidden" class="skillID" value="<?php echo $skill->Skill_ID" ?> />
       </td>
    <?php } ?>
  </tr>
</tbody>
<?php endforeach; ?>