javascript的问题
现有下拉列表框A，内有选项a,b,c另有字符串B，C，D怎么用javascript实现：选择a则在网页相关地方出现字符串B；选择b则在网页相关地方出现字符串C；选择c则在...
现有下拉列表框A，内有选项a,b,c
另有字符串B，C，D
怎么用javascript实现：
选择a则在网页相关地方出现字符串B；
选择b则在网页相关地方出现字符串C；
选择c则在网页相关地方出现字符串D ？
我知道用onBlur的方法实现。但是，字符串的比较以及按照if选项输出字符串的功能怎么实现？ 特别是，在页面不刷新的情况下，怎么实现选择不同的列表值会输出不同的字符串？
最好有示例程序
非常感谢
以下程序应该可以实现我的目的。但是，我不知道哪里出错了:
<script type="text/javascript">
function comname(){
var mycomname; <另外, 这个地方添加2个变量 myadd,mytel 也不行>
mycomname=document.company.value; <另外, 这个地方改成document.company.select.value 也不行>
if(mycomname=="QaDi Industrial & Trading Co.,Ltd"){
document.getElementById("myadd").innerHTML = "TaHu Road 50#";
document.getElementById("mytel").innerHTML = "Tel:+86-0123-123456789";
}else if(mycomname=="TianHe Products Co., Ltd"){
document.getElementById("myadd").innerHTML = "TianHe Road 77#,HuSha,China";
document.getElementById("mytel").innerHTML = "Tel:(+86)-0234-987654321";
}
}
</script>
<select name="company" size="1" id="company" onBlur="comname()";>
<option selected="selected">QaDi Industrial & Trading Co.,Ltd</option>
<option>TianHe Products Co., Ltd</option>
</select>
<span id="myadd"></span>
<span id="mytel"></span> 展开
另有字符串B，C，D
怎么用javascript实现：
选择a则在网页相关地方出现字符串B；
选择b则在网页相关地方出现字符串C；
选择c则在网页相关地方出现字符串D ？
我知道用onBlur的方法实现。但是，字符串的比较以及按照if选项输出字符串的功能怎么实现？ 特别是，在页面不刷新的情况下，怎么实现选择不同的列表值会输出不同的字符串？
最好有示例程序
非常感谢
以下程序应该可以实现我的目的。但是，我不知道哪里出错了:
<script type="text/javascript">
function comname(){
var mycomname; <另外, 这个地方添加2个变量 myadd,mytel 也不行>
mycomname=document.company.value; <另外, 这个地方改成document.company.select.value 也不行>
if(mycomname=="QaDi Industrial & Trading Co.,Ltd"){
document.getElementById("myadd").innerHTML = "TaHu Road 50#";
document.getElementById("mytel").innerHTML = "Tel:+86-0123-123456789";
}else if(mycomname=="TianHe Products Co., Ltd"){
document.getElementById("myadd").innerHTML = "TianHe Road 77#,HuSha,China";
document.getElementById("mytel").innerHTML = "Tel:(+86)-0234-987654321";
}
}
</script>
<select name="company" size="1" id="company" onBlur="comname()";>
<option selected="selected">QaDi Industrial & Trading Co.,Ltd</option>
<option>TianHe Products Co., Ltd</option>
</select>
<span id="myadd"></span>
<span id="mytel"></span> 展开
4个回答
展开全部
<select onchange=s_onchange() id=s1><option value=1>a</option><option value=2>b</option><option value=3>c</option></select>
<script>
//代码有2种方式都给你写下 select 可用 vale,text
function s_onchange()
{
if (s1.value==1){myadd.innerHTML="B"} //这是用vale
if (s1.option[s1.selectedIndex].text=="a"){myadd.innerHTML="B"} //这是用text
}
</script>
<script>
//代码有2种方式都给你写下 select 可用 vale,text
function s_onchange()
{
if (s1.value==1){myadd.innerHTML="B"} //这是用vale
if (s1.option[s1.selectedIndex].text=="a"){myadd.innerHTML="B"} //这是用text
}
</script>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script>
function fun(str){
if(str=="a"){
document.getElementById("div_message").innerHTML="A";
document.getElementById("div_message").style.display='block';
}else if(str=="b"){
document.getElementById("div_message").innerHTML="B";
document.getElementById("div_message").style.display='block';
}else if(str=="c"){
document.getElementById("div_message").innerHTML="C";
document.getElementById("div_message").style.display='block';
}
}
</script>
</head>
<body>
<div id="div_message" style="display:none;"></div>
<form name="test" action="" method="post">
<select name="select">
<option value="a" >a</option>
<option value="b">b</option>
<option value="c">c</option>
<input type="button" value="选择" onclick="fun(test.select.value)">
</select>
</form>
</body>
</html>
<head>
<script>
function fun(str){
if(str=="a"){
document.getElementById("div_message").innerHTML="A";
document.getElementById("div_message").style.display='block';
}else if(str=="b"){
document.getElementById("div_message").innerHTML="B";
document.getElementById("div_message").style.display='block';
}else if(str=="c"){
document.getElementById("div_message").innerHTML="C";
document.getElementById("div_message").style.display='block';
}
}
</script>
</head>
<body>
<div id="div_message" style="display:none;"></div>
<form name="test" action="" method="post">
<select name="select">
<option value="a" >a</option>
<option value="b">b</option>
<option value="c">c</option>
<input type="button" value="选择" onclick="fun(test.select.value)">
</select>
</form>
</body>
</html>
追问
如果选择列表值可行，可不可以不用input?
追答
表单改成这样就可以了
a
b
c
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function changeCity()
{
var province=document.myform.selProvince.value;
var newOption1,newOption2;
switch(province)
{
case "湖南" :
newOption1=new Option("长沙","changsha");
newOption2=new Option("岳阳","yueyang");
break;
case "四川" :
newOption1=new Option("成都","chengdu");
newOption2=new Option("泸州","luzhou");
break;
case "山东" :
newOption1=new Option("青岛","qingdao");
newOption2=new Option("烟台","yantai");
break;
default:
document.myform.selCity.options.length=0;
document.myform.selCity.options.add(new Option("--请选择开户账号的城市--"));
return;
}
document.myform.selCity.options.length=0;
document.myform.selCity.options.add(newOption1);
document.myform.selCity.options.add(newOption2);
}
</script>
</head>
<body>
<form name="myform">
<p>省份:
<select name="selProvince" onChange=" changeCity()">
<option selected>--请选择开户账号的省份--</option>
<option value="湖南">湖南</option>
<option value="四川">四川</option>
<option value="山东">山东</option>
</select>
</p>
<p>
<label>城市:
<select name="selCity" id="select">
<option>--请选择开户账号的城市--</option>
</select>
</label>
</p>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function changeCity()
{
var province=document.myform.selProvince.value;
var newOption1,newOption2;
switch(province)
{
case "湖南" :
newOption1=new Option("长沙","changsha");
newOption2=new Option("岳阳","yueyang");
break;
case "四川" :
newOption1=new Option("成都","chengdu");
newOption2=new Option("泸州","luzhou");
break;
case "山东" :
newOption1=new Option("青岛","qingdao");
newOption2=new Option("烟台","yantai");
break;
default:
document.myform.selCity.options.length=0;
document.myform.selCity.options.add(new Option("--请选择开户账号的城市--"));
return;
}
document.myform.selCity.options.length=0;
document.myform.selCity.options.add(newOption1);
document.myform.selCity.options.add(newOption2);
}
</script>
</head>
<body>
<form name="myform">
<p>省份:
<select name="selProvince" onChange=" changeCity()">
<option selected>--请选择开户账号的省份--</option>
<option value="湖南">湖南</option>
<option value="四川">四川</option>
<option value="山东">山东</option>
</select>
</p>
<p>
<label>城市:
<select name="selCity" id="select">
<option>--请选择开户账号的城市--</option>
</select>
</label>
</p>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<span id="myadd"></span>
<span id="mytel"></span>
<select name="company" size="1" id="company" onchange="comname()";>
<option selected="selected" value="QaDi">QaDi Industrial & Trading Co.,Ltd</option>
<option value="TianHe">TianHe Products Co., Ltd</option>
</select>
<script type="text/javascript">
function comname(){
var mycomname;
mycomname=document.getElementById("company").value;
if(mycomname=="QaDi"){
document.getElementById("myadd").innerHTML = "TaHu Road 50#";
document.getElementById("mytel").innerHTML = "Tel:+86-0123-123456789";
}else if(mycomname=="TianHe"){
document.getElementById("myadd").innerHTML = "TianHe Road 77#,HuSha,China";
document.getElementById("mytel").innerHTML = "Tel:(+86)-0234-987654321";
}
}
</script>
<span id="mytel"></span>
<select name="company" size="1" id="company" onchange="comname()";>
<option selected="selected" value="QaDi">QaDi Industrial & Trading Co.,Ltd</option>
<option value="TianHe">TianHe Products Co., Ltd</option>
</select>
<script type="text/javascript">
function comname(){
var mycomname;
mycomname=document.getElementById("company").value;
if(mycomname=="QaDi"){
document.getElementById("myadd").innerHTML = "TaHu Road 50#";
document.getElementById("mytel").innerHTML = "Tel:+86-0123-123456789";
}else if(mycomname=="TianHe"){
document.getElementById("myadd").innerHTML = "TianHe Road 77#,HuSha,China";
document.getElementById("mytel").innerHTML = "Tel:(+86)-0234-987654321";
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
