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

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

4个回答

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

TingDer
TingDer 正在尝试
一年多之前 回复

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

qq_33302985
别玩丐帮 回复符大兵: 获得select框,完后往下找勾选的就可以了,写个循环,如果这个options有勾选的class,就把他的value和text拿出来放到数组里
一年多之前 回复
qq_33302985
别玩丐帮 回复符大兵: 不用,你不管勾选还是取消,只要点了,就this.parent
一年多之前 回复
TingDer
TingDer 多选的时候,是选中后再取消,得到取消的那个option中的value
一年多之前 回复

说实话没太看懂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>
TingDer
TingDer 回复Moment ° 回忆 ✨: 问题已经解决了,写了个比较笨的方法,代码在公司虚拟机上,不方便贴出来,谢谢啦
一年多之前 回复
TingDer
TingDer 回复Moment ° 回忆 ✨: 多选下拉的时候,选中了我再取消这个选中的
一年多之前 回复
qq_35366269
郭宝 回复符大兵: 你的意思是获取除了选中以外的所有option中的value是吗
一年多之前 回复
TingDer
TingDer 是得到取消的option中的value,不是选中的
一年多之前 回复
希望采纳,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>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐