select 下拉框多选的时候，第一次选中一个option得到了相应的value和text，当我取消选中的这个option时有方法再次得到相应的value和text吗
5 回答
30秒到达战场
TA贡献1828条经验 获得超6个赞
说实话没太看懂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>
qq_笑_17
TA贡献1818条经验 获得超7个赞
希望采纳，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/150
提交
取消