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

Posted 2023-04-15

获取select下拉列表中，新的选中的option的value值。需要重新加载一下页面
必须要重新加载一下页面么？有没有什么好的办法。

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

1、html结构

<select id="test" onchange="fun()">
<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 = document.getElementById("test");
alert(select.value);

3、效果演示

参考技术A 不需要重新加载页面；
在select里面加onChange这个事件就能得到每次选择的列表值
onChange="alert(''+$(this).val()+'')" 这个效果是弹出选中的列表值 参考技术B $("#ID").val() 为选中值本回答被提问者采纳

jQuery操作select下拉框的text值和value值的方法

1、jquery获取当前选中select的text值

var checkText=$("#slc1").find("option:selected").text();

2、jquery获取当前选中select的value值

var checkValue=$("#slc1").val();

3、jquery获取当前选中select的索引值

var index=$("#slc1 ").get(0).selectedIndex;

4、jquery设置索引值为1的项为当前选中项

$("#slc1 ").get(0).selectedIndex=1;

5、jquery设置value值2的项为当前选中项

$("#slc1 ").val(2);

6、jquery设置text值为"青藤园"的项为当前选中项

$("#slc1 option[text=‘青园w‘]").attr("selected",true);

7、为指定select下拉框追加一个option（追加到在末尾）

$("#slc2").append(""+i+"");

8、为制定select下拉框插入一个option（插入到第一个位置）

$("#slc2").prepend("请选择");

9、jquery删除select下拉框的最后一个option

$("#slc2 option:last").remove();