在jquery中每行的表中动态创建按钮 - php

只有第一行正在更新。.我能够创建动态创建的选择标签和按钮，但是每次我选择下拉菜单时，只有第一行正在更新，其他行将仅警告“选择第一”。即使我已经选择了一个选项。

jQuery func'

$('input').each(function(){
   if($(this).attr("type")=="button"){
     $(this).click(function{
       var empid=$('#emp').val();
       var job=$('#jobselect').val();
       if(job !== "NULL"){
         $.ajax({
           type:"POST",
           url:"<?php echo base_url(); ?>userskills/update",
           data:{'Emp_ID':empid,'Job':job},
           cache: false;
           success:
           function(data){
             alert("Updated!");
           }
         });
       }else{
         alert("Choose first");
       }
     });
   }
});

这是我的桌子

<tbody>
  <?php foreach($job as $temp): ?>
  <tr>
    <td><?php echo $temp->Name?></td>
    <td><?php echo $temp->Group?></td>
    <td><?php echo $temp->Section?></td>
    <td>
     <select id="jobselect">
      <?php foreach($roles as $role): ?>
      <option value="<?php echo $role->RoleID">"><?php echo $role->RoleName?></option>
      <?php endforeach; ?>
     </select>
     <input type="hidden" id="emp" value="<?php echo $temp->JobID?>" />
     <input type="button" id="update"/>
   </td>
  </tr>
  <?php endforeach; ?>
</tbody>

参考方案

id属性在文档中应该是唯一的，因此您当前的代码将创建无效的HTML。浏览器不会太受它的困扰，无论如何都会显示您的元素，但是在JS中，如果您按元素ID（例如'#jobselect'）进行选择，您只会获得具有该ID的第一个元素。

您应该改为使用通用的class，然后在JS中使用DOM导航使用this从所单击的按钮（由.closest()引用）转到其相关控件，并使用td获取包含的.find()元素，并然后获取该td中的项目：

$('input[type="button"]').click(function(){ // no need for .each()
   var container = $(this).closest('td');         // 1. get common parent element
   var empid = container.find('.emp').val();      // 2. note the use of .find() with
   var job = container.find('.jobselect').val();  //    class selectors here
   if (job !== "NULL") {
     $.ajax({
       type:"POST",
       url:"<?php echo base_url(); ?>userskills/update",
       cache: false;
       success:
       function(data){
         alert("Updated!");
       }
     });
   } else {
     alert("Choose first");
   }
});

<tbody>
  <?php foreach($job as $temp): ?>
  <tr>
    <td><?php echo $temp->Name?></td>
    <td><?php echo $temp->Group?></td>
    <td><?php echo $temp->Section?></td>
    <td>
     <select class="jobselect">
      <?php foreach($roles as $role): ?>
      <option value="<?php echo $role->RoleID">"><?php echo $role->RoleName?></option>
      <?php endforeach; ?>
     </select>
     <input type="hidden" class="emp" value="<?php echo $temp->JobID?>"
     <input type="button" class="update"/>
   </td>
  </tr>
  <?php endforeach; ?>
</tbody>

请注意，如果将选择器更改为仅获取按钮的输入元素，则根本不需要.each()循环。

PHP-复选框组 - php

我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…

php Singleton类实例将在多个会话中保留吗？ - php

举一个简单的例子，如果我想计算一个不使用磁盘存储的脚本的命中次数，我可以使用静态类成员来执行此操作吗？用户1：<?php $test = Example::singleton(); $test->visits++; ?> 用户2：<?php $test = Example::singleton(); $test->visits+…

Div单击与单选按钮相同吗？ - php

有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同？我只希望下面的div提交值，单选按钮很丑代码输出如下：<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…

使用查询获取ID - php

我正在创建一个电子商务网站，我试图添加选项，即买家通过下拉列表选择商品大小，然后将变量传递给jquery，然后将jquery传递给php，如果商品大小可用有库存时，将显示一个添加到购物车按钮，否则显示无库存按钮。我设法使其工作到将项目大小传递给php为止，但是我不知道如何传递产品ID，这是检查数据库所必需的。大小选择：<form id="fo…

使用Ajax呈现html表 - php

我想知道如何实现以下项目其实我有一个php代码，可以渲染一张桌子<table id = "oldata" class ="table table-bordered"> <thead> <tr class ="success"> <th class="…