TingDer
TingDer
采纳率66.7%
2019-04-11 11:50 阅读 860

select 多选下拉取消选中的时候得到value和text

5

select 下拉框多选的时候,第一次选中一个option得到了相应的value和text,当我取消选中的这个option时有方法再次得到相应的value和text吗

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • 已采纳
    xsb_20171227 今天是星期五 2019-04-11 12:00

    easyui的组合框http://www.jeasyui.net/plugins/169.html
    这个是多选select,有选中事件可取消选中的事件

    点赞 1 评论 复制链接分享
  • qq_33302985 别玩丐帮 2019-04-11 14:07

    下拉框加一个点击事件,每次点击都获取你打勾的value和text就可以了

    点赞 评论 复制链接分享
  • qq_35366269 郭宝 2019-04-11 16:39

    说实话没太看懂LZ的意思,如果楼主是想选中完以后获取当前的value和text值,那么可以参照如下代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function change() {
                console.log("change()事件触发了");
    
                //获取当前的select对象
                let obj = document.querySelector(".sel");
    
                var index = obj.selectedIndex; // 选中索引
    
                var text = obj.options[index].text; // 选中文本
    
                var value = obj.options[index].value; // 选中值
                console.log("value:"+value+",\ttext:"+text);
            }
        </script>
    </head>
    <body>
    
        <select class="sel" onchange="change() ">
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="opel">Opel</option>
            <option value="audi">Audi</option>
        </select>
    </body>
    </html>
    
    点赞 评论 复制链接分享
  • qq_38300902 qq_38300902 2019-04-12 10:42
    希望采纳,jquery取到select 变化事件,保存上次的选中值,并且判断如果和上一次的值不一样就可以知道取消选中的值了
    
    <select id="myselect">
            <option value="a">atext</option>
            <option value="b">btext</option>
            <option value="c">ctext</option>
        </select>
    <script>
        $(document).ready(function () {
            var lastSelect_value = "";//上一次选中的value
            var lastSelect_text = "";//上一次选中的text
            var thisSelect_value = "";//这次选中的value
            var thisSelect_text = "";//这次选中的text
            $("#myselect").change(function () {
                thisSelect_value = $("#myselect").val();
                thisSelect_text = $("#myselect").text();
                if (thisSelect_value != lastSelect_value && lastSelect_value != "") {
                    //当这一次和上一次不同时,说明取消了某个选中
                    alert("取消选中前的value是:" + lastSelect_value);
                    alert("取消选中前的text是:" + lastSelect_text);
                }
                lastSelect_value = thisSelect_value;
                lastSelect_text = thisSelect_text;
            })
        })
    </script>
    
    点赞 评论 复制链接分享

相关推荐