JQuery动态修改select标签的内容,并绑定onchange事件

页面导航:首页 > 网络编程 > JavaScript > JQuery动态修改select标签的内容,并绑定onchange事件

JQuery动态修改select标签的内容,并绑定onchange事件

来源: 作者: 时间:2016-02-21 09:50 【

1 获取信息,获取JSON 26684;式的返回信息{ response : [ { name : 测试模板1 , id : 4,


1.获取信息,获取JSON格式的返回信息


{
    "response": [
        {
            "name": "测试模板1",
            "id": 4,
            "type": 0
        },
        {
            "name": "测试模板2",
            "id": 6,
            "type": 0
        },
        {
            "name": "[录井综合图]",
            "id": 58,
            "type": 1
        },
        {
            "name": "[单井综合图]",
            "id": 31,
            "type": 6
        },
        {
            "name": "JJJJJJ",
            "id": 77,
            "type": 0
        },
        {
            "name": "HHHHHH",
            "id": 76,
            "type": 0
        },
        {
            "name": "GGGGG",
            "id": 72,
            "type": 0
        },
        {
            "name": "FFFFFFF",
            "id": 70,
            "type": 0
        },
        {
            "name": "[测井图(A3)]",
            "id": 124,
            "type": 3
        }
    ],
    "desc": "200",
    "code": "200"
}

2.拼接字符串(option的value值是id)










3.修改select的内容

$("#logmap_tmpl").(html);


4.绑定onchange事件

$("#logmap_tmpl").change(function(){


5.弹出选中项的值

alert($(this).children('option:selected').val());

6.全部代码

$(document).ready(function(){
	
        // 1.获取信息
$.ajax({type:'GET',url:"/service/welllogtmpl/list?userId=1",cache:false,success:function(msg){ result = JSON.parse(msg);if(result.code == "200"){
                                        // 2.拼接
var html = "";for(var i = 0; i < result.response.length; i++){var s = "";html += s;}// 3.修改option$("#logmap_tmpl").html(html);// 4.绑定onchange事件$("#logmap_tmpl").change(function(){// 5.获取选中项的值alert($(this).children('option:selected').val());});}}});}





Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<