根据下拉框的选择出现文本框……
如下:如果选择“中餐”就出现值为“请输入中餐名称”的文本框,如果选择“西餐”就出现值为“请输入西餐名称”的文本框,谢谢!<formname="myform"method=...
如下:如果选择“中餐”就出现值为“请输入中餐名称”的文本框,如果选择“西餐”就出现值为“请输入西餐名称”的文本框,谢谢!
<form name="myform" method="post" action="">
<select name="productsort">
<option value="1" selected>中餐</option>
<option value="2">西餐</option>
</select>
<script language="javascript">
if(myform.productsort.value==1){
document.write("<input type='text' name='zx' value='请输入中餐名称'>");
}
else if(myform.productsort.value==2){
document.write("<input type='text' name='zx' value='请输入西餐名称'>");
}
</script>
<input type="submit" name="submit" value="提交">
</form>
谢谢西门蛤蟆!
可能是我没有表达清楚吧,我的本意是要这样的:选择不同的选项,就出现不同的代码,不一定是文本框。比如选择中餐出现一个表格,选择西餐出现一个文本框。 展开
<form name="myform" method="post" action="">
<select name="productsort">
<option value="1" selected>中餐</option>
<option value="2">西餐</option>
</select>
<script language="javascript">
if(myform.productsort.value==1){
document.write("<input type='text' name='zx' value='请输入中餐名称'>");
}
else if(myform.productsort.value==2){
document.write("<input type='text' name='zx' value='请输入西餐名称'>");
}
</script>
<input type="submit" name="submit" value="提交">
</form>
谢谢西门蛤蟆!
可能是我没有表达清楚吧,我的本意是要这样的:选择不同的选项,就出现不同的代码,不一定是文本框。比如选择中餐出现一个表格,选择西餐出现一个文本框。 展开
1个回答
展开全部
<form name="myform" method="post" action="">
<select name="productsort" onchange="change(this.value)">
<option value="1" selected>中餐</option>
<option value="2">西餐</option>
</select>
<div id="test">
<table><tr><td>这里是中餐:<input type="text" name="zx" /></td></tr></table>
</div>
<input type="submit" name="submit" value="提交">
</form>
<script language="javascript">
function change(v){
if(v == 1){
document.getElementById("test").innerHTML = " <table><tr><td>这里是中餐:<input type='text' name='zx' /></td></tr></table>"
}else if(v == 2){
document.getElementById("test").innerHTML = "<b>这里是西餐:</b><input type='text' name='zx' value='请输入西餐' />";
}
}
</script>
<select name="productsort" onchange="change(this.value)">
<option value="1" selected>中餐</option>
<option value="2">西餐</option>
</select>
<div id="test">
<table><tr><td>这里是中餐:<input type="text" name="zx" /></td></tr></table>
</div>
<input type="submit" name="submit" value="提交">
</form>
<script language="javascript">
function change(v){
if(v == 1){
document.getElementById("test").innerHTML = " <table><tr><td>这里是中餐:<input type='text' name='zx' /></td></tr></table>"
}else if(v == 2){
document.getElementById("test").innerHTML = "<b>这里是西餐:</b><input type='text' name='zx' value='请输入西餐' />";
}
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询