如何获取<select>lt;select>中所有的<option>内容

有时候我们需要在一个Select中传递两个有关联但不同的值，比如你的这个情况。这时候要利用到Option的另一个不常用属性Name，用Name来存储第二个值，然后在onchange事件中分别用thisoptions[thisselectedIndex]name来调用这个值。 <select name="opt" onchange="opttvalue=thisoptions[thisselectedIndex]name"> <option name="全12333" value="123323">全12333</option> <option name="全12321" value="121113">全12321</option> <option name="全123123" value="121323">全123123</option> </select> <input name="optt" type="hidden" value=""> 在你的程序里，把<option></option>之间的内容作为name属性写出来，然后定义一个隐藏的input——optt，再定义好onchange事件，就可以同时获取到value和name两个值了。

今天也遇到这个问题 jsp里的下拉框的选中值传递给servlet

在servlet中

String select=requestgetParameter("selectName")；得到的是选中的option的value值，那么如果我们把value值等于它的选择项的值得话就可以了比如

<select name="selectName">

<option value="羽毛球">羽毛球</option >

<option value="篮球">羽毛球</option >

<option value="足球">羽毛球</option >

</select>

<select name="select">

<option value = "1" selected="selected">1</option>

</select>

requestgetParameter("select")

在HTML中，select控件的值等于其当前选中的option的值，所以：

$("select")val(); // 可以获取select当前的值

如果想获取当前select下option的所有的值，则：

var selValue = []; // 定义一个空数组用于接收select下option所有的值

var options = $("select")find("option"); // select下所有的option

for （var i=0; i<optionslength; i++) {

selValuepush(optionseq(i)val()); // 将所有的值赋给数组

}

jQuery获取Select元素，并设置的 Text和Value:

$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中

$("#select_id ")val(4); // 设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项：

$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option

$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option

三级分类 <select name="thirdLevel" id="thirdLevel"

onchange="getFourthLevel()">

<option value="0" id="thirdOption">

请选择三级分类

</option>

</select>

</div>

四级分类:

<select name="fourthLevelId" id="fourthLevelId">

<option value="0" id="fourthOption">

请选择四级分类

</option>

</select>

</div>

if($("#thirdLevel")val()!=0){

$("#thirdLevel option[value!=0]")remove();

}

if($("#fourthLevelId")val()!=0){

$("#fourthLevelId option[value!=0]")remove();

}//这个表示：假如希望当选择选择第三类时：如果第四类中有数据则删除，如果没有数据第四类的商品中的为默认值。

获取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为索引值

获取到option的值想实现的效果比如选择的是值一这个option提交后要得到"3"和"值一"这两个数据

[php] view plain copy

[html] view plain copy

<select name="select">

<option value="1">select下拉列表框的值</option>

<option value="2">sdfsd</option>

<option value="3">值一</option>

</select>

echo $_POST['select'];

可以在form中添加一个隐藏域<input type="hidden" id="select_content" name="select_content" />然后在提交的时候，先将所选择的值赋值给隐藏域，然后再将form提交。这里说的赋值是用js *** 作的，当<select name="select" onchange="fuzhi(thisoptions[thisselectedIndex]text)"> function fuzhi(a){documentgetElementById("select_content")value=a;//赋值，咚咚}

以上就是关于如何获取<select>lt;/select>中所有的<option>内容全部的内容，包括:如何获取<select>lt;/select>中所有的<option>内容、怎么获取表单提交的select选中的值、怎样在java后台获取表单中select选中的那个值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！