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

5回答

侃侃无极

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

0 0

UYOU

获得select框，完后往下找勾选的就可以了，写个循环，如果这个options有勾选的class，就把他的value和text拿出来放到数组里

0 0

30秒到达战场

说实话没太看懂LZ的意思，如果楼主是想选中完以后获取当前的value和text值，那么可以参照如下代码：<!DOCTYPE html><html><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>

0 0

qq_笑_17

希望采纳，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>

0 0