Question

当我在数据表中单击添加新按钮时，我想创建下拉菜单而不是文本框。这个下拉值必须从数据库中检索数据。我的代码如下。

//button to add new row
function addeditRow(oTable, nRow) {
    $.ajax({
        type: "POST",
        url: "menudrop.php",
        success: function(html) {
            $("#one").append(html);
        }
    });  
    var aData = oTable.fnGetData(nRow);
    var jqTds = $('>td', nRow);
    jqTds[0].innerHTML = '';
    jqTds[1].innerHTML = '<input type="text" class="form-control input-small"  id="two" value="' + aData[1] + '">';
    jqTds[2].innerHTML = '<SELECT id="one"  name="menus"><OPTION></OPTION></SELECT>';
    jqTds[3].innerHTML = '<a class="edit" href="">Save</a>';
    jqTds[4].innerHTML = '<a class="cancel" href="">Cancel</a>';
}

menudrop.php

<?php
    require_once("database/connect.php");

    $db = new Database;
    $db->mquery('a_menus','*');
    $menus = $db->fetchdata();
    $items = array();
    foreach($menus as $ms) {
        $items[] = $ms->menu_name;
    }
    print_r($items);
?>

这不起作用。任何人都可以帮助我吗？

Answer 1

使用php函数json_encode($items);从php返回json而不是打印值

<?php
    require_once("database/connect.php");

    $db = new Database;
    $db->mquery('a_menus','*');
    $menus = $db->fetchdata();
    $items = array();
    foreach($menus as $ms) {
        $items[] = $ms->menu_name;
    }
   echo json_encode($items);
?>

在ajax中创建一个我们在成功函数中使用的类似于此的选项：

success: function(html) {
           $("#one").append('<select name="menus">');
           $.foreach(html,function(index,val){
                $("#one").append('<option value="'+val.id+'">'+val.name+'</option>');//assuming that in your resulting query exist a field named id and a field named name
            });
            $("#one").append('</select>');
        }

使用AJAX从PHP获取数组到JS

1 个答案: