<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<style type="test/css">
</style>
<script>
$(document).ready(function(){
$("#slt").click(function(){
var dic = $("#slt").val();
var text = $("#text").val();
for (var i = 0; i < dic.length; i++) {
if (text.indexOf(dic[i]) == -1) {
$("#text").val(text+" "+dic);
$("#slt option[value='"+dic[i]+"']").attr("style","background:#3e99ff");
}else{
$("#text").val(text.replace(" "+dic,""));
$("#slt option[value='"+dic[i]+"']").removeAttr("style");
}
}
});
});
</script>
</head>
<body>
<select style="height:180px" multiple="multiple" id="slt">
<option value="Volvo">Volvo</option>
<option value="Saab">Saab</option>
<option value="Opel">Opel</option>
<option value="Audi">Audi</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<br/><br/>
<input type="text" style="height:200px;width:200px" id="text"/>
</body>
</html>效果如下
294
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
