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

这个必须要在改变之前获取并保存，可以用变量保存起来，也可以直接附加在这个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");

    myseldata("last", myselval())change(function () {

        //var mysel = $(this);

        var oldvalue = myseldata("last");//这次改变之前的值

        myseldata("last", myselval()); //每次改变都附加上去，以便下次变化时获取

        var newvalue = myselval(); //当前选中值

    })

</script>

demo：

<select name="cityCode" id="cityCode" class="span2">

<option value="beijing">北京</option>

<option value="sanya" selected="selected">三亚</option>

<option value="shanghai">上海</option>

</select>

jquery获取方法选中的城市三亚:

$('#cityCode')find("option:selected")val()

首先$('#cityCode')根据id找到对应的select元素,然后通过jquery的find方法找到被选中的option元素，然后val()直接获取option的value。

或者

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

下面的写法更简洁、条件拼接，实际与上面的是一致。

如果select标签下只有option标签的话，最直接的办法就是获取select标签下的所有option子标签

var

opt

=

$(select)children()

;

optlength就是option的个数；或者去循环opt，找到option标签计数

首先

我们给select元素标签定义id值

然后通过Jquery的$("#selectId")

根据id获取元素的方法获取这个元素

$("#selectId") change(function{})设置它的change事件

具体代码如下：

<select id="selectId">

<option id="s1" value="0" >请选择</option>

<option id="s2" value="1">选我改变其他值</option>

<option id="s3" value="2">222</option>

<option id="s4" value="3">333</option>

<option id="s5" value="4">444</option>

</select><script>

//select下拉菜单获取选中项

$("#selectId")change(

function (){

alert("我选择了："+this[thisvalue]text);

if(thisvalue=="1"){ //选择了"选我改变其他值"这个下拉菜单

$("#s1")val("5"); //改变某个下拉菜单的value值

$("select option")html("我被改变了"); //更改所有的下拉菜单的值

$("#s1")html("我和别的不一样"); //改变某个下拉菜单的文本值

}

}

);

</script>

以上就是关于如何用jquery获得select变更之前的值全部的内容，包括:如何用jquery获得select变更之前的值、jquery怎样获取select控件选中的option中value值，不是text、jQuery怎么获取Select的option个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！