PHP html的select表单，如果用户选择一个option,然后怎么加上自定义的文本域输入框？
我做了一个select表单<formaction=""method="post"><selectname="district"><optionvalue="futian"...
我做了一个select表单
<form action="" method="post">
<select name="district">
<option value="futian">福田区</option>
<option value="luohu">罗湖区</option>
<option value="nanshan">南山区</option>
<option value="other">深圳市以外</option>
</select>
<input type="submit" />
</form>
我希望达到的效果是: 前面的福田区、罗湖区、南山区这3项，是用户可以自己在下拉菜单中选择的，这个没什么问题。
如果在菜单选择了“深圳市以外”，就出现一个文本输入框，用户可以自己去填，也就是自定义的意思。——这个功能应该怎么实现呢？要不要用到什么jQuery或者是Javascript？应该没那么麻烦吧？而且最关键是这个表单的内容提交后是要添加到数据库的，所以用户自己填的内容也要$_POST提交，这一步我也不知道怎么实现。
我怕自己说不清楚，做了效果图上来： 展开
<form action="" method="post">
<select name="district">
<option value="futian">福田区</option>
<option value="luohu">罗湖区</option>
<option value="nanshan">南山区</option>
<option value="other">深圳市以外</option>
</select>
<input type="submit" />
</form>
我希望达到的效果是: 前面的福田区、罗湖区、南山区这3项，是用户可以自己在下拉菜单中选择的，这个没什么问题。
如果在菜单选择了“深圳市以外”，就出现一个文本输入框，用户可以自己去填，也就是自定义的意思。——这个功能应该怎么实现呢？要不要用到什么jQuery或者是Javascript？应该没那么麻烦吧？而且最关键是这个表单的内容提交后是要添加到数据库的，所以用户自己填的内容也要$_POST提交，这一步我也不知道怎么实现。
我怕自己说不清楚，做了效果图上来： 展开
2个回答
展开全部
这个就要用JS来实现了
在select上加一个触发动作onchange,定义一个JS的函数来判断用户的选项,然后控制后面的输入框是否显示
在select上加一个触发动作onchange,定义一个JS的函数来判断用户的选项,然后控制后面的输入框是否显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script>
function toblock()
{
document.getElementById('opttext').style.display='block';
}
</script>
</head>
<body>
<form action="" method="post">
<select name="district" onchange='toblock()'>
<option value="futian">福田区</option>
<option value="luohu">罗湖区</option>
<option value="nanshan">南山区</option>
<option value="other">深圳市以外</option>
</select>
<input type='text' style='display:none;' id='opttext' name='opttext'>
<input type="submit" />
</form>
</body>
</html>
提交之后文本框的内容也会提交的
<head>
<script>
function toblock()
{
document.getElementById('opttext').style.display='block';
}
</script>
</head>
<body>
<form action="" method="post">
<select name="district" onchange='toblock()'>
<option value="futian">福田区</option>
<option value="luohu">罗湖区</option>
<option value="nanshan">南山区</option>
<option value="other">深圳市以外</option>
</select>
<input type='text' style='display:none;' id='opttext' name='opttext'>
<input type="submit" />
</form>
</body>
</html>
提交之后文本框的内容也会提交的
追问
谢谢。不过我测试了你的代码，选“福田区”，后面那个input框也出现了，选“罗湖区“后面那个input框也出现了，“福田区”，后面那个input框也出现了，选“南山区”，后面那个input框也出现了。我希望是选这三个选项，后面不要出来input输入框。
只有在选"深圳市以外“的时候，后面的input文本框才出现。
请问这样怎么做到呢？
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
