分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了将项目附加到下拉列表jQuery / Ajax，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

这是将选项值附加到下拉列表的正确方法吗？我从ajax获取数据(使用alert(data)测试它;),但它似乎没有附加到dropdown(在jQuery中生成).

$(document).on('focusout','.generate',function(InputField) 
{
    var name = ($('.generate').val());
    $.post("<?PHP echo site_url('project/testFunction'); ?>",{
        name: name,},function(data,status) 
    {
        var items="";

        $.each(data,function(index,item)
        {
            items += "<option>" + item.Description + "</option>";
        });

        $("#typeSoftware").append(items);
    });
});

生成的下拉列表：

$('#hardsoft tr:last').after('<tr><td>Software : </td><td>
  <SELEct id="typeSoftware" class"add" name="softwarenames[]"/></td></tr>');

控制器中的功能：

public function testFunction()
{
    $name = trim($this->input->post('name'));
    $this->load->model('mProject');
    $test = $this->mProject->testFunction($Name);

    echo json_encode($test);
}

结果：

数据库功能：

function testFunction($id) {

    $query = $this->db->get_where('R_InstalledItems',array('Description' =>$id));
    return $query->result();

}

解决方法

检查此示例哪些工作在我的开发测试上.

<script type="text/javascript">
    $(document).ready(function () {

        $("#dropdownCountry").change(function (E) {
            var obj1 = { Country: $("#dropdownCountry").val() };
            $.ajax({
                type: "POST",contentType: "application/json; charset=utf-8",url: "http://localhost:3323/AjaxWebservice.asmx/getState",data: JSON.Stringify(obj1),dataType: "json",success: function (data1) {
                    var appenddata1 = "";
                    //alert(data1.d);
                    var jsonData1 = JSON.parse(data1.d);
                    for (var i = 0; i < jsonData1.length; i++) {
                        appenddata1 += "<option value = '" + jsonData1[i].SHORt_name + " '>" + jsonData1[i].FULL_NAME + " </option>";
                    }
                    $("#dropdownState").append(appenddata1);
                }
            });
        });
    });
</script>