不知道怎么描述,就是有两个select下拉,做成文本域那样的,可以从一侧的结果集中选择值,添加到另一侧中;另一侧删掉后,值又重新到结果集那边了。直接看范例演示吧,相信你以前后者以后会用到的!
不多说了,上代码:
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>select</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js"><script>
$(function(){
$("#car_type_list").dblclick(function(){
var s_val = this.value;
if(s_val == '') return;
$(this).children("option[value='"+s_val+"']").remove();
$("#car_type").append('<option value="'+s_val+'">'+s_val+'</option>');
//以下代码作用是 将选择到的值备份到一个id为car_type_val的input中,可以进行传值
$("#car_type_val").val($("#car_type_val").val()+s_val+"@");
alert($("#car_type_val").val())
});
$("#car_type").dblclick(function(){
var s_val = this.value;
if(s_val == '') return;
$(this).children("option[value='"+s_val+"']").remove();
$("#car_type_list").append('<option value="'+s_val+'">'+s_val+'</option>');
var now_val = $("#car_type_val").val();
now_val = now_val.replace(s_val+"@","");
$("#car_type_val").val(now_val);
alert($("#car_type_val").val())
});
})
</script>
</head>
<body>
<input type="hidden" name="car_type" value="" id="car_type_val" /><br/>
<select multiple="multiple" style="min-width:200px; min-height:80px;" id="car_type">
</select><>
<select multiple="multiple" style="min-width:200px; min-height:80px;" id="car_type_list">
<option value="2014森林人系列">2014森林人系列</option>
<option value="2014傲虎系列">2014傲虎系列</option>
<option value="2014力狮系列">2014力狮系列</option>
<option value="2014XV系列">2014XV系列</option>
<option value="WRX STI">WRX STI</option>
<option value="SUBARU BRZ">SUBARU BRZ</option>
<option value="TRIBECA">TRIBECA</option>
</select>
</body>
</html>
其中“<input type="hidden" name="car_type" value="" id="car_type_val" />”这个的作用相当于是一个容器,提交表单的时候可以传值。到接收值的页面,用相应的语言,比如php,就用explode函数,以“@”为分界分割成一个数组。
select,多选select
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?