jquery中的下拉框

时间:2021-11-27 12:44:54

1.1select获取选中的value值

<label for="select">

<select id="key_RedemptionMode" name="RedemptionMode" allownull="1" class="inputW130">

<option value="">请选择</option>

<option value="0" selected="selected" >基金管理模式(浦发直接代扣)</option>

<option value="1"  >基金第三方销售模式(打款至8866专户)</option>

</select>

</label>

$("#key_RedemptionMode  option:selected").val();

$('#key_RedemptionMode option:selected').text();

1.2,清空下拉框的值

<select id="search">

<option>baidu</option>

<option>sogou</option>

</select>

清空:

$("#search").find("option").remove();

或者

$("#search").empty();

1.3,加载下拉菜单

//ajax返回值必须包含:keyfield和valuefield字段

function loadSelectDataByUrl(id,url,datavalue){

$.ajax({

url: url,

type: 'POST',

data: {key:datavalue},

dataType: 'json',

async: false,

success: function(jObj){

$("#"+id).empty();

var html="";

html = "<option value=\"\">请选择</option>"

for(var i=0; i<jObj.length;i++){

html = html +"<option value=\""+jObj[i].keyfield+"\">"+jObj[i].valuefield+"</option>";

}

$("#"+id).append(html);

}

});

}