帮忙写个js或jquery的下拉框的demo
做一个选择下拉菜单的值之后显示不是它的全称而是简称，比如我的下拉菜单有"中国北京""中国上海""中国广东"三个值我选择"中国北京"时框里只显示"北京"。有人跟我说有sub...
做一个选择下拉菜单的值之后显示不是它的全称而是简称，比如 我的下拉菜单 有 "中国北京" "中国上海" "中国广东" 三个值 我选择"中国北京" 时 框里只显示"北京"。有人跟我说有substring()但是我不知道怎么在选择的时候截取。跪求大神写一个这样的，我点中国北京这个值的时候框里出现的是北京不是中国北京。
jquery js 插件什么都行 只要能实现这个功能就行。 展开
jquery js 插件什么都行 只要能实现这个功能就行。 展开
3个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
.my-select * {
margin:0; padding:0;
}
.my-select input,
.my-select select {
font-size:100%;
}
.my-select {
position:relative;
margin:100px;
font-size:12px;
}
.my-select-select {
position:absolute; left:0; top:0; *top:1px;
width:100px;
clip:rect(0 auto auto 80px);
}
.my-select-text {
width:80px; *height:16px; *line-height:16px;
}
</style>
</head>
<body>
<div class="my-select">
<select class="my-select-select" id="my-select-select">
<option value="北京">中国北京</option>
<option value="上海">中国上海</option>
<option value="南京">中国南京</option>
</select>
<input class="my-select-text" id="my-select-text" />
</div>
<script>
function $(o){return document.getElementById(o)}
$('my-select-select').onchange = function(){
$('my-select-text').value = this.value;
}
</script>
</body>
</html>
追答
是这个吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS 演示代码</title>
<script>
var ck=function(sel){
for(var i=1;i<sel.children.length;i++){
sel.children[i].innerHTML=sel.children[i].innerHTML.replace(/^(?:(?!中国)[\s\S]+)$/,"中国$&");
}
sel[sel.selectedIndex].innerHTML=sel[sel.selectedIndex].innerHTML.replace(/中国/g,"");
}
</script>
</head>
<body>
<select onchange="ck(this)">
<option>请选择</option>
<option>中国北京</option>
<option>中国上海</option>
<option>中国江西</option>
</select>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
