1、获取单个select框的选中值。
js方法获取:
获取value值:
var value = document.getElementById("select_ID").value;
获取text值:
var selectObj= document.getElementById("select_ID");
var text=selectObj[selectObj.selectedIndex].innerHTML;
jquery方法获取:
获取value值:
$("#select_ID").val();
获取text值:
$("#select_ID").find("option:selected").text();
2、获取所有select框的选中值
var selectList = document.getElementsByTagName("select_Name");
for (var i = 0; i < selectList.length; i++)
{
alert(selectList[i].value);//获取value值
alert($(selectList[i]).find("option:selected").text());//获取text值
}
3、为select框添加下拉项
js方法:
var selectObj= document.getElementById("select_ID");
var opp = new Option(text, value);
selectObj.add(opp);
jquery方法:
$("#select_ID").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_ID").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
4、移除select框下拉项
批量删除:
var selectObj = document.getElementById("select_ID");
var optionItems = selectObj.options;
for (var i = optionItems.length-1; i >=0 ; i--)
{
$(optionItems[i]).remove();
}
单个删除:
$("#select_ID option:last").remove(); //删除索引值最大的Option
$("#select_ID option[index='0']").remove();//删除索引值为0的Option
$("#select_ID option[value='3']").remove(); //删除值为3的Option
$("#select_ID option[text='4']").remove(); //删除text值为4的Option
5、设置select的值
设置select 选中的value:
$("#select_ID").attr("value","Normal“);
$("#select_ID").val("Normal");
$("#select_ID").get(0).value = value;
设置select 选中的text:
var count=$("#select_ID option").length;//select下拉框的option条数
for(var i=0;i<count;i++)
{
if($("#select_ID").get(0).options[i].text == “text”)
{
$("#select_ID").get(0).options[i].selected = true;
break;
}
}
设置select 选中的索引:
$("#select_ID").get(0).selectedIndex=index;//index为索引值
##jQuery取得设置清空select选择的文本与值 获取select : 获取select 选中的 text : (“#ddlregtype”).find(“option:selected”).text();
获取select选中的 value:(“#ddlregtype “).val(); 获取select选中的索引: (“#ddlregtype “).get(0).selectedindex;
设置select:
设置select 选中的索引:(“#ddlregtype “).get(0).selectedindex=index;//index为索引值 设置select 选中的value: (“#ddlregtype “).attr(“value”,”normal“);(“#ddlregtype “).val(“normal”); (“#ddlregtype “).get(0).value = value;
设置select 选中的text:
var count=(“#ddlregtype option”).length; for(var i=0;i
//绑定ClassLevel1单击事件
$("#ClassLevel1").change(function ()
{
var id = $("#ClassLevel1").val();
var level2 = $("#ClassLevel2");
level2.empty();
$("#ClassLevel3").hide();
$.ajax({
url: "./askCommon.ashx?action=getclasslevel&pid=" + id,
data: { "type": "ajax" },
datatype: "json",
type: "get",
success: function (data) {
var json = eval_r(data);
for (var ind in json) {
level2.append($("<option value='" + json[ind].id + "'>" + json[ind].typename + "</option>"));
}
}
});
})