jquery获取HTML select下拉列表中新选中option的value值，必须要重新刷新一下页面么_框架

不需要重新刷新页面。新选中下拉列表（select）的选项（option）会触发change事件，即选择项改变事件，因此可以在change事件的响应函数中获取新选中option的value值，而不必要刷新页面。实例演示如下:

1、HTML结构

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

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

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

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

</select>

2、javascript代码

function fun(){

var select = documentgetElementById("test");

alert(selectvalue);

}

3、效果演示

Jquery获取select选中项自定义属性的值的方法：

示例代码：

1、html代码：

<!DOCTYPE>

<html>

<head>

<meta >

#lili{font-weight:bold;color:red;}

</style>

</head>

<body>

</select>

</script>

</body>

<html>

2、jquery代码获取自定义属性：

使用attr(name)获取title值：

alert($("#mysel")attr("title"));

</script>

3、显示结果：

<!doctype html>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

</select>

</body>

function cge(){

var sel=documentgetElementById('sel');

var sid=selselectedIndex;

alert(sel[sid]value+'-'+sel[sid]innerHTML);

}

</script>

</html>

jq的话就一句

$("#sel option:selected")text();

$("#sel option:selected")val();

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;

}

页面加载时，因为没有任何选中项，所以 secondElementselectedIndex 值是 -1，secondElement

[-1]为undefined，所以alert()会d出 undefined 或一个空的对话框；

如果你用鼠标选中了“选项9”，secondElementselectedIndex 值是 0，secondElement

[0]为"<option value="选项9">选项9</option>"，所以alert()会d出 [object HTMLOptionElement]

把代码做一些修改：

<option value="选项9">选项9</option> 修改为

alert(secondElement[secondElementselectedIndex]); 修改为 alert(secondElement[secondElementselectedIndex]value);

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>

</select>

</div>

四级分类:

请选择四级分类

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

以上就是关于jquery获取HTML select下拉列表中新选中option的value值，必须要重新刷新一下页面么全部的内容，包括:jquery获取HTML select下拉列表中新选中option的value值，必须要重新刷新一下页面么、Jquery怎么获取select选中项自定义属性的值、js中怎么获取option的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9585634.html

jquery获取HTML select下拉列表中新选中option的value值，必须要重新刷新一下页面么

发表评论

评论列表（0条）