HTML和JavaScript在选择更改时显示文本
好的,我得到了一个列表,我想在用户从下拉列表中选择一个选项时显示一些文本,我想到了如何为一个选项创建文本,但由于某些原因,在分组中效果不太好HTML和JavaScript在选择更改时显示文本,javascript,html,Javascript,Html,好的,我得到了一个列表,我想在用户从下拉列表中选择一个选项时显示一些文本,我想到了如何为一个选项创建文本,但由于某些原因,在分组中效果不太好 <select id="mySelect" name="values"> <option value=0>0</option> <option value=1>1</option> <option value=2>2</option> </select> 0
<select id="mySelect" name="values">
<option value=0>0</option>
<option value=1>1</option>
<option value=2>2</option>
</select>
0
1.
2.
我打算在选择每个选项时“打印”一些确定的文本,谢谢
(很抱歉出现语法错误,这里说西班牙语)设法做到了:
<script type="text/javascript">
function showstuff(element){
document.getElementById("una").style.display = element=="una"?"block":"none";
document.getElementById("dos").style.display = element=="dos"?"block":"none";
document.getElementById("tres").style.display = element=="tres"?"block":"none";
document.getElementById("cuatro").style.display = element=="cuatro"?"block":"none";
document.getElementById("cinco").style.display = element=="cinco"?"block":"none";
document.getElementById("seis").style.display = element=="seis"?"block":"none";
document.getElementById("siete").style.display = element=="siete"?"block":"none";
document.getElementById("ocho").style.display = element=="ocho"?"block":"none";
document.getElementById("nueve").style.display = element=="nueve"?"block":"none";
document.getElementById("diez").style.display = element=="diez"?"block":"none";
}
</script>
<select name="type" onchange="showstuff(this.value);">
<option value="una" selected>1</option>
<option value="dos">2</option>
<option value="tres">3</option>
<option value="cuatro">4</option>
<option value="cinco">5</option>
<option value="seis">6</option>
<option value="siete">7</option>
<option value="ocho">8</option>
<option value="nueve">9</option>
<option value="diez">10</option>
</select>
<div id="uno" style="display:none;">uno</div>
<div id="dos" style="display:none;">dos</div>
<div id="tres" style="display:none;">tres</div>
<div id="cuatro" style="display:none;">cuatro</div>
<div id="cinco" style="display:none;">cinco</div>
<div id="seis" style="display:none;">seis</div>
<div id="siete" style="display:none;">siete</div>
<div id="ocho" style="display:none;">ocho</div>
<div id="nueve" style="display:none;">nueve</div>
<div id="diez" style="display:none;">diez</div>
函数showstuff(元素){
document.getElementById(“una”).style.display=element==“una”?“块”:“无”;
document.getElementById(“dos”).style.display=element==“dos”?“块”:“无”;
document.getElementById(“tres”).style.display=element==“tres”?“块”:“无”;
document.getElementById(“cuatro”).style.display=element==“cuatro”?“块”:“无”;
document.getElementById(“cinco”).style.display=element==“cinco”?“块”:“无”;
document.getElementById(“seis”).style.display=element==“seis”?“块”:“无”;
document.getElementById(“siete”).style.display=element==“siete”?“块”:“无”;
document.getElementById(“ocho”).style.display=element==“ocho”?“块”:“无”;
document.getElementById(“nueve”).style.display=element==“nueve”?“块”:“无”;
document.getElementById(“diez”).style.display=element==“diez”?“块”:“无”;
}
1.
2.
3.
4.
5.
6.
7.
8.
9
10
联合国组织
磁盘操作系统
特雷斯
库托
辛科
赛斯
席特
奥乔
努伊夫
迪兹
谢谢大家:)请分享您尝试过的代码。是的,您可以这样做。您可以从Jquery获得帮助。您可以选择此链接,您想在哪里显示文本?另外,您是否使用类似jquery的库?您的html文档类型是否允许不带引号的属性值value=0而不带引号value=“0”?是否希望该值显示在select控件之外?如果是这样,我们是否有一个表单提交操作或一个事件处理程序,当一个选项被选中时会发生,比如一个附加到onchange的JavaScript函数?我试着这样做:它只适用于一个select,我想在每个选择上“打印”不同的文本,我更改了var名称,但没有成功