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

如何用jquery获得select变更之前的值,第1张

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

1、首先要保证select中每一个option标签都有value属性;

2、jquery的写法

$('#sele')val()//这里假设select的id是sele,这样可以获取当前选中的option的value

3、刚开始没有选择的时候默认的是第一个option的value值;

4、要测试的话可以写一个change事件,也就是每一次选择都会触发

$('#sele')change(function(){

     consolelog($('#sele')val())//每次选择都会输出选择的当前option的value

})

5、如果想在js中刚开始就设置选中某一个,可以

$('#sele')val('值')//在括号中写入你想默认选中的某一个option的value值

// 获取选中 consolelog($("select")val(),'获取当前选中');

// 默认选中

// 1标签上加 <option value="深圳网站建设" selected>深圳网站建设</option>

// 2DOM *** 作 $("select")val('深圳网站建设')

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

示例代码

1、html代码:

<!DOCTYPE>

<html>

<head>

<meta >

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

</style>

</head>

<body>

<select id="mysel" title="选择提示">

<option>nba</option>

<option>fifa</option>

</select>

<script>

</script>

</body>

<html>

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

使用attr(name)获取title值:

<script>

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

</script>

3、显示结果:

function AAA()

{

$("select")each(

function()

{

alert($(this)val())

}

);

}

这样就能依次d出各个下拉框的值了。

jquery获取select的值其实类似于获取其他表单的值,需要用到val()方法, 代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script src="//cdnbootcsscom/jquery/1111/jqueryjs"></script>

    <script>

        $(function(){

            $('btn-show')click(function(){

                alert($('#selector')val());

            });

        })

    </script>

</head>

<body >

    <button class="btn-show">点击显示select对应的值</button>

    <select name="select" id="selector">

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

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

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

        <option value="4">菠萝</option>

        <option value="5">哈密瓜</option>

    </select>

</body>

</html>

以上就是关于如何用jquery获得select变更之前的值全部的内容,包括:如何用jquery获得select变更之前的值、jquery怎么获取select选中的值,默认选中、今天学了jquery但是怎么获取select选中的值呢怎么让它默认选中呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9596201.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存