码迷,mamicode.com
首页 > Web开发 > 详细

Jquery 动态添加option 并给option添加数据,并帮定事件

时间:2017-04-03 14:04:47      阅读:704      评论:0      收藏:0      [点我收藏+]

标签:app   hang   text   add   cte   data   port   append   选择   

  //添加下拉框
    function append_add(data) {
        $(‘#add‘).append(
            ‘<div class="form-group" id=‘+form_group_id+‘>‘ +
            ‘<label for="shebeis">起始设备</label>‘ +
            ‘<select id=‘ + select_id + ‘ name="shebeis">‘ +
            ‘<option value ="">--请选择--</option>‘ +
            ‘</select>‘ +
            ‘</div>‘
        );
        //遍历option
        $.each(data, function (i, item) {
            var o = new Option(item.name, item.id);
            $(o).html(item.name);
            $("#" + select_id).append(o);
            // $("#"+select_id).append($(‘<option>‘, {
            //     value: item.id,
            //     text : item.name
            // }));

        });
        //选择事件
        $("#" + select_id).change(function(){
            alert($(this).children(‘option:selected‘).val());
            var id=$(this).children(‘option:selected‘).val();//这就是selected的值
            getshebeiPorts(form_group_id,id);
        })

    }

 

Jquery 动态添加option 并给option添加数据,并帮定事件

标签:app   hang   text   add   cte   data   port   append   选择   

原文地址:http://www.cnblogs.com/Amos-Turing/p/6661758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!