php后台获取select中的value值

使用var optionValue = $('#adv_set')val();获取select中被选中的option的值

通过ajax传给php后台

你可以使用

$get('接收数据的url',{adv_set:optionValue}, function(){do something} );//使用$_GET['adv_set']接收

$post('接收数据的url', {adv_set:optionValue}, function(){do something});//使用$_POST['adv_set']接收

jQuery是控制和 *** 作select详解。

先看下面的html代码

<select id="test">

<option value="1">选项一<option>

<option value="2">选项一<option>

<option value="n">选项N<option>

</select>

所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：

//获取第一个option的值

$('#test option:first')val();

//最后一个option的值

$('#test option:last')val();

//获取第二个option的值

$('#test option:eq(1)')val();

//获取选中的值

$('#test')val();

$('#test option:selected')val();

//设置值为2的option为选中状态

$('#test')attr('value','2');

//设置最后一个option为选中

$('#test option:last')attr('selected','selected');

$("#test")attr('value' , $('#test option:last')val());

$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());

//获取select的长度

$('#test option')length;

//添加一个option

$("#test")append("<option value='n+1'>第N+1项</option>");

$("<option value='n+1'>第N+1项</option>")appendTo("#test");

//添除选中项

$('#test option:selected')remove();

//删除项选中(这里删除第一项)

$('#test option:first')remove();、

//指定值被删除

$('#test option')each(function(){

if( $(this)val() == '5'){

$(this)remove();

}

});

$('#test option[value=5]')remove();

//获取第一个Group的标签

$('#test optgroup:eq(0)')attr('label');

//获取第二group下面第一个option的值

$('#test optgroup:eq(1) : option:eq(0)')val();

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

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

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

</select>

1如果 select 元素下的所有 option 元素均没有指定 selected 属性，会默认选中第一个。

2可以通过 selectselectedIndex 获取到选中的 option 元素的索引。

3可以通过 selectoptions[selectselectedIndex] 获取到选中的 option 元素。

option 元素 <option selected="selected" value="value3">text3</option>，可以通过 optionvalue 获得 option 元素的 value 属性值，即 value3；可以通过 optiontext 获得 option 元素内的文本，即 text3。

4如果 option 元素没有定义 value 属性，则 IE 中 optionvalue 无法获得，但 Safari、Opera、FireFox 依旧可以通过 optionvalue 获得，值同于 optiontext 。

5可以通过 optionattributesvalue && optionattributesvaluespecified 来判断 option 元素是否定义了 value 属性。

6故，获得当前 select 元素值的脚本如下：

var getSelectValue = funtion(select) {

var idx = selectselectedIndex,

option,

value;

if (idx > -1) {

option = selectoptions[idx];

value = optionattributesvalue;

return (value && valuespecified) optionvalue : optiontext);

}

return null;

}

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

直接用val()函数就可以。如：

html：

<select>

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

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

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

</select>

jq：

$(document)ready(function(){

    var a = $("select option:selected")val();

    alert(a);

});

1：value的用处

<select >

<option value = "A">B</option>

</select>

其中“A”“B”有何区别，各自代表什么意思？

答案：

B是显示在网页上的内容

A是实际传给后台表单处理程序

比如

<select >

<option value = "class1">际传给后台表单处理程序</option>

</select>

在网页上显示”际传给后台表单处理程序”

传给后台程序就是class1了

这样做的好处:

1减少表单传输数据,可能避免了一些中文编码问题

2如果以后想改显示内容,不用修改后台程序

2：value和text的区别

如何引用一个下拉列表框的选项,即option对象,现在介绍option对象的两个重要属性,value和text,value属性表示标记中value所指定的值,可以通过脚本获取或设置这个值,text属性表示显示于界面中的文本,即和之间的部分,同样可以通过脚本获取或设置其值

例如:

<option value="apple">苹果</option>

则value的值为”apple”,text的值为”苹果”

在旧版本的浏览器中,select对象的value对象的值是不可用的,因此要获得选中项的值,可以用如下语句代替:

someSelectoptions[someSelectselectedIndex]value

以上就是关于php后台获取select中的value值全部的内容，包括:php后台获取select中的value值、jq怎么获取select选中的值、怎么获取下拉框选中的value值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！