jquery对html中的下拉框select的操作

来源:互联网 发布:卡易信5.0源码 编辑:程序博客网 时间:2024/05/16 12:02

在页面上添加一个div

<div id="wallgraphics">        <h3>所属类别:</h3><select id="type-select" /></div>

jquery,ajax请求,动态添加下拉框数据

$(function(){  $.ajax({        url: "AddWallType.aspx/GetWallType",        data: "{}",        success: function(data) {            var json = data.d;            json = eval(json);            var html = "";            for (var i = 0; i < json.length; i++) {                html += "<option>" + json[i].WallType + "</option>";            }            $("#type-select").append(html);            updateSession();        }    });});
当下拉框的索引发生变化时,触发更新事件

$("#type-select").live('change', function() {    update();});

取得下拉框选中项的value

  var title = $("#type-select option:selected").val();