2.14 选择不同的列表项就显示不同的按钮.htm
来自「这是一些常用的JavaScript的特效的源码和教程」· HTM 代码 · 共 39 行
HTM
39 行
<HTML>
<HEAD>
<title>测试列表选择项 </title>
<script>
function butSelect(){
var selVal = document.getElementById("sel").value;
if(selVal == "1"){
document.getElementById("td").innerHTML = '<input type="button" value="按钮1" onclick="btnc1();">';
}else if(selVal == "2"){
document.getElementById("td").innerHTML = '<input type="button" value="按钮2" onclick="btnc2();">';
}else{
document.getElementById("td").innerHTML = '';
}
}
function btnc1(){
alert("单击了按钮1");
}
function btnc2(){
alert("单击了按钮2");
}
</script>
</HEAD>
<BODY>
<table>
<tr>
<td>
<select onChange="butSelect();" id="sel">
<option value="" >
<option value="1">but1
<option value="2">but2
</select>
</td>
<td id="td"></td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?