当前位置: 代码迷 >> Web前端 >> jquery操作表单select的步骤
  详细解决方案

jquery操作表单select的步骤

热度:43   发布时间:2012-09-04 14:19:30.0
jquery操作表单select的方法

http://hi.baidu.com/wenjunlin/blog/item/88c55638216d9de9b211c787.html

1、jquery操作表单select的方法(非multiple)

<SCRIPT LANGUAGE="JavaScript" src="jquery.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
$(function(){
$("#test").click(function(){

//select取值
//alert($("#se").val());
//alert($("#se option:selected").val());
//alert($("#se").attr("value"))
//alert($("#se").get(0).selectedIndex);

//var e=$("#se").get(0).selectedIndex;
//alert($("#se").get(0).options[e].value)


//添加下拉框
$("<option value='1'>1111</option>").appendTo("#se")
//$("#se").append("<option value='77'>77</option>")

//删除下拉框
//$("#se option:eq(0)").remove();

//清空下拉框
//$("#se").empty()


//赋值,选中
//$('#se').get(0).selectedIndex = 3;
//$('#se :option').get(2).selected=true

?? });
})
</SCRIPT>

<SELECT id="se">
<option value="0">00</option>
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
</SELECT>
<INPUT TYPE="button" value="test" id="test">

?

2、jquery操作表单select的方法(multiple)

<SCRIPT LANGUAGE="JavaScript" src="jquery.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
$(function(){
$("#test").click(function(){

?array=new Array();
?for(i=0;i<$("#se option").length;i++)
?{
??if($("#se option").get(i).selected)
??{
??array.push($("#se option").get(i).value)
??}
?}
?alert(array)

?? });
})
</SCRIPT>

<SELECT id="se"? multiple>
<option value="0">00</option>
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
</SELECT>
<INPUT TYPE="button" value="test" id="test">

  相关解决方案