怎样取到option的值而不是value value有值

每一个选择框select都有一个options的列表对象。 文本值1 文本值2 文本值3 使用：options[2]value，这样可以得到值“three”；使用options[2]text，得到“文本值3”

获取到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;//赋值，咚咚}

1、首先要保证select中每一个option标签都有value属性；

2、jquery的写法

$('#sele')val()//这里假设select的id是sele，这样可以获取当前选中的option的value

3、刚开始没有选择的时候默认的是第一个option的value值；

4、要测试的话可以写一个change事件，也就是每一次选择都会触发

$('#sele')change(function(){

     consolelog($('#sele')val())//每次选择都会输出选择的当前option的value

})

那么这个select所有option的集合是：var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合，那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值（和名称）的方式也很简单。比如这个select的有两个option，分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置（即交换值（名称））。

基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码：

$("option")map(function(){return $(this)val();})get()join(", ")

代码说明：

使用map()函数把每个option的值传递到当前匹配集合，生成包含返回值的对象；

使用 get() 处理返回的对象以得到基础的数组；

使用join()函数组装字符串。

实例演示如下:

1、HTML结构

<select id="test">

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

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

<option value="option-3">option-3</option>

</select><br>

<input type="button" value="获取所有option值">

2、jquery代码

$(function(){

$(":button")click(function() {

var str = $("#test option")map(function(){return $(this)val();})get()join(", ")

alert(str);

});

});

如果select标签是有id属性的，如

<select id=xx>

则用下述方法获取当前选项的值：

var v = xxvalue;

或

var v = documentgetElementById("xx")value; //此方法兼容性好

如果select标签是有name属性的，如

<form name=form1>

<select name=xx>

则用下述方法获取当前选项的值：

var v = form1xxvalue;

或

var v = documentgetElementsByName("xx")[0]value;

如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

如果select标签不含有任何可供定位的属性，如

<select>

则用下述方法获取当前选项的值：

var v = documentgetElementsByTagName("select")[0]value;

如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

以上就是关于怎样取到option的值而不是value value有值全部的内容，包括:怎样取到option的值而不是value value有值、php如何同时获取select值和option值、jquery怎么获取选中option的value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！