如何用jquery获得select变更之前的值

Posted 2023-03-19

这个必须要在改变之前获取并保存，可以用变量保存起来，也可以直接附加在这个select标签上，如：

<select id="mysel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<script type="text/javascript">
    var mysel = $("#mysel");
    mysel.data("last", mysel.val()).change(function () 
        //var mysel = $(this);
        var oldvalue = mysel.data("last");//这次改变之前的值
        mysel.data("last", mysel.val()); //每次改变都附加上去，以便下次变化时获取
        var newvalue = mysel.val(); //当前选中值
    )
</script>

参考技术A 可以用Jquery的选择器来实现，

$("select option:selected").next()
<select>
<option value="1" selected="selected">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
<script src=".js" type="text/javascript"></script>
<script>
$(function()
$("select").change(function(event)
var obj = $(this).find("option:selected").next();
alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val());
);

)
</script>
Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。 参考技术B

误区：

一直以为jquery获取select中option被选中的文本值，是这样写的：

$("#s").text();  //获取所有option的文本值

实际上应该这样：

$("#s option:selected").text();  //获取选中的option的文本值

获取select中option的被选中的value值，

$("#s").val();

$("#s option:selected").val();

js获取select选中的值：

var sel=document.getElementById("select1"); 

var index = sel.selectedIndex; // 选中索引

albumid= sel.options[index].value;//要的值