HTML,SELECT选中后,显示对应内容

HTML,SELECT选中后,显示对应内容

如这个,选择后,红线部分是变量

<div style="width:900px; height:500px; margin:0 auto; background:yellow;">
<select name="select" id="select" onchange="b();">
<option value="0" >请选择</option>
<option value ="1">二环北路</option>
</select>
<span id="c0" style="display:none;">沃尔玛</span>
<span id="c1" style="display:none;">2</span>
<span id="c2" style="display:none;">38</span>

离你最近的超市:<span id="a0" style="color:red"></span>
如果你乘公交车,将花费<span id="a1" style="color:red"></span>用掉你<span id="a2" style="color:red"></span>

</div>
<script language="javascript">
function b(){
var values=$("#select").val();
if(values==1){
for(i=0;i<=2;i++){
var j="#c"+i;
var k="#a"+i;
$(k).html($(j).html());
}}else{
for(i=0;i<=2;i++){
var k="#a"+i;
$(k).html(" ");
}
}
}

</script>
温馨提示:内容为网友见解,仅供参考
无其他回答

HTML,SELECT选中后,显示对应内容
<option value="0" >请选择<\/option> <option value ="1">二环北路<\/option> <\/select> <span id="c0" style="display:none;">沃尔玛<\/span> <span id="c1" style="display:none;">2<\/span> <span id="c2" style="display:none;">38<\/span> 离你最近的超市:<span id="a0"...

html页面的select选择选择不同的国家,输出显示不同的计算的时间结果,JS...
<select onchange="alert('今天下单你大概将会在'+getSD(this)+'左右到达。')"> <option value="15">美国<\/option> <option value="15">日本<\/option> <option value="15">韩国<\/option> <option value="15">新加坡<\/option> <option value="15">西班牙<\/option> <option value="30">...

如何获取和设置HTML文档中select元素的选中项
在HTML页面中,获取当前select元素中所选中的那个值和显示值。<tr> <th scope="row" width="15%" nowrap >*目标字段<\/th> <td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change();”> <option value=”1”>eg1<\/option> <option value=”2”>eg2<\/option> <opti...

html中的select标签怎样取得数据库中所对应的值
<select id="sel">...<\/select> var s = document.getElementById('sel');s.options[index].value \/\/指定索引位置项的值。s.options[index].text \/\/指定索引位置项的文本。s.selectedIndex \/\/被选择的项的索引 s.options[s.selectedIndex].value \/\/被选择的项的值 s.options[s.select...

html如何点击左边的导航,右边弹出对应的内容?
这个是点击之后触发事件,是要用到js代码的,我这大概给一个框架,css代码你自己设置一下:html代码如下:<div class="main"> <div class="left"> <ul> <li onclick="choose(1);" class="select">玄界<\/li> <li onclick="choose(2);">阶位<\/li> <li onclick="choose(3);">坐骑<\/...

html select标签 选择一个之后弹出下一个select标签
[21,22,23], [31,32,33] ]; var areas = [ [ [111,112,113], [121,122,123], [131,132,133] ], [ [211,212,213], [221,222,223],

html下拉菜单中,如何选择不同的选项,弹出不同的内容?
下面用iframe,也行,点击的时候用js替换src <!DOCTYPE html> <html> <head><meta charset="utf-8"> <title><\/title><script src="http:\/\/code.jquery.com\/jquery-latest.js"><\/script> <\/head> <style type="text\/css">.select{width:80px;}<\/style> <body> <select id="...

html中select设置显示的值怎么弄
html中select设置显示的值怎么弄  我来答 分享 微信扫一扫 新浪微博 QQ空间 举报 浏览11 次 可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。 html select 搜索资料 本地图片 图片链接 代码 提交回答为你推荐:...

...如何让页面出来后让对应的value值的option被选中selected_百度...
var value=3;\/\/接收页面打开前获取的value 的值var way=document.getElementById('way').options;way[value].selected=true;\/\/ 设置 对应的 selected 为true;

html语言根据不同的选项后面显示不同的结果
亲,简单的把所有数据存放到javascript的数组或者json里面,然后根据第一个select的的值遍历数组中的元素显示到第二个select中,复杂的可以把数据存到数据库中,再根据第一个select的值查询数据中相应的条件下的数据显示到第二个select中

相似回答