<HTML>
<HEAD>
<title>根據選擇來產生不同按鈕</title>
<script>
function myselect(){
var selVal = document.getElementById("myselect").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="myselect();" id="myselect">
<option value="" >
<option value="1">選項1
<option value="2">選項2
</select>
</td>
<td id="td"></td>
</tr>
</table>
</BODY>
</HTML>

 

arrow
arrow
    創作者介紹
    創作者 痞客興 的頭像
    痞客興

    痞客興的部落格

    痞客興 發表在 痞客邦 留言(0) 人氣()