反复显示动态下拉列表

时间:2017-07-06 04:53:47

标签: javascript php jquery html

我想在表格中反复显示下拉菜单,以获取其值并更新特定记录。

我可以使用此

进行动态下拉列表
function getEmployeeTaskStatusMain(){
   var go_path = "Employee_Switch_Person.php?action=getEmployeeTaskStatusMain&vars=0";
    $jq.get(go_path,
        {
        }, function(data)
        {
            if(JSON.parse(data).length == 0){
                console.log(data);
                return data;
            }
            else {
                var dataToAppend;
                dataToAppend = "<select name='EmployeeTaskStatus' class='EmployeeTaskStatus form-control'>"
                dataToAppend += "<option value='0'>Select Status</option>";


                //console.log(" " + data);
                dataParse = JSON.parse(data);

                for (var i = 0; i < dataParse.length; i++)
                {
                    //console.log(dataParse[i]);
                    dataToAppend += "<option value=" + dataParse[i].TaskStatusMainId + ">" + dataParse[i].TaskStatusMain + "</option>";

                }

                dataToAppend +="</select>";
                $jq(".taskStatusMain").html(dataToAppend);
                //getEmployeeTaskStatusDetail(0);
                return dataParse;
            }
        });
}

但是,我是否需要为每个表行重复上述功能,以便显示每行中带有动态ID的下拉列表(以便我可以选择它的值)?

表(也是动态制作)我必须显示每个记录的下拉列表,并且我想取每个下拉列表选择值以更新特定记录。什么是方便的方式?

请记住,在另一个下拉列值选择中,有两个下拉值,一个下拉值更新。

1 个答案:

答案 0 :(得分:0)

为什么不在users数组中返回此数据并将其呈现在每个用户的for循环内的HTML文件中,并循环显示其状态以呈现下拉列表? 然后使用select标记的on change事件更新该行

<tr>
   <th>status></th>
</tr>
foreach($users as $user){
  <tr>
   <td>
     <select>
       foreach($user->status as $status-item){
         <option>$status-item->name</option>
       }
     </select>
   </td>
  </tr>
}