Html 选择其他下拉菜单选项时,如何更新下拉菜单?
基本上,我希望DROPDOWNMENU2选项在选择DROPDOWNMENU1中的选项时更新 以下是一些信息: 下拉菜单1: 网络开发 绘图 窗户 下拉菜单2(用于Web开发): PHP HTML CSS 下拉菜单2(用于图形): 巴布亚新几内亚 JPEG ICO 屏蔽门 下拉菜单2(适用于Windows): 七 远景 XP 请帮忙 编辑: 我正在努力让这个代码正常工作Html 选择其他下拉菜单选项时,如何更新下拉菜单?,html,forms,drop-down-menu,contextmenu,Html,Forms,Drop Down Menu,Contextmenu,基本上,我希望DROPDOWNMENU2选项在选择DROPDOWNMENU1中的选项时更新 以下是一些信息: 下拉菜单1: 网络开发 绘图 窗户 下拉菜单2(用于Web开发): PHP HTML CSS 下拉菜单2(用于图形): 巴布亚新几内亚 JPEG ICO 屏蔽门 下拉菜单2(适用于Windows): 七 远景 XP 请帮忙 编辑: 我正在努力让这个代码正常工作 $('#topic2').change(function() { $('#topic3').empty(); switch($(
$('#topic2').change(function() {
$('#topic3').empty();
switch($(this).val()) {
case 'Tutorials':
$('#topic3')
.append('<option>PHP</option>')
.append('<option>HTML</option>')
.append('<option>CSS</option>');
case 'Graphics':
// yada yada
break;
case 'Windows':
// yada yada
break;
}
$('#主题2')。更改(函数(){
$(“#主题3”).empty();
开关($(this.val()){
案例“教程”:
$(“#主题3”)
.append('PHP'))
.append('HTML')
.append('CSS');
“图形”案例:
//雅达雅达
打破
“窗口”案例:
//雅达雅达
打破
}
}))
HTML:
<form action="inc/post.php" method="POST">
Topic:
<select name="topic">
<option>Web Development</option>
<option>Windows</option>
<option>Graphics</option>
</select>
/
<div id="topic2">
<select name="topic2" id="topic2">
<option>Tutorials</option>
<option>Article</option>
</select>
</div>
/
<div id="topic3">
<select name="topic3" id="topic3">
<option>Seven</option>
<option>Vista</option>
<option>XP</option>
</select>
</div>
<br /><Br />
Name:
<input type="text" name="name" />
<Br /><br />
Icon:
<input type="file" name="icon2" id="icon2">
<Br /><Br />
Content:
<textarea name="info" size="400"></textarea></div>
</div>
</form>
主题:
网络开发
窗户
绘图
/
教程
文章
/
七
远景
XP
姓名:
偶像:
内容:
我会使用jQuery。像这样的
$('#DROPDOWNMENU1').change(function() {
$('#DROPDOWNMENU2').empty();
switch($(this).val()) {
case 'Web Development':
$('#DROPDOWNMENU2')
.append('<option>PHP</option>')
.append('<option>HTML</option>')
.append('<option>CSS</option>');
case 'Graphics':
// yada yada
break;
case 'Windows':
// yada yada
break;
}
});
$('#DROPDOWNMENU1')。更改(函数(){
$('#DROPDOWNMENU2').empty();
开关($(this.val()){
“网络开发”案例:
$(“#下拉菜单2”)
.append('PHP'))
.append('HTML')
.append('CSS');
“图形”案例:
//雅达雅达
打破
“窗口”案例:
//雅达雅达
打破
}
});
选择web开发图形窗口
在DROPDOWNMENU2中选择数据,其中DROPDOWNMENU2.id=$\u POST[“DROPDOWNMENU1”];
我希望这个答案对你有帮助没什么,我已经尝试过谷歌搜索,没有改进。然后尝试一些东西,如果你被卡住了,回来问一个具体的问题。Stack Overflow与rent-a-coder.comOkay不同,我相信我可以为您编码,但我收取30美元/小时的费用,将所有时间四舍五入到最近的一小时,我需要提前一小时付款。你有贝宝吗?也许你应该试试。Stack Overflow不是一个“gimmeh-teh-codez!!!1”类的网站,在这里你可以让程序员根据需要为你吐出代码。你必须提出一些类似于你的努力的东西。然后,正如我上面所说的,尝试一些东西,如果你被卡住了,回来问一个具体的问题。要么这样,要么花钱请人帮你编码。他们使用name=“post”@Lewes,我必须把他们放在DIV上吗?我的代码对你没什么好处,除非你学会一点。如果你打算做网页开发,那么花时间是值得的。谷歌托管了()这很方便。
<form name="x" id="x" action="x.php">
<select name="DROPDOWNMENU1" id="DROPDOWNMENU1"
onchange="javascript:document.x.action='dropmenu.php';
javascript:document.x.submit();">
<option>select web development graphics windows</option>
<?php
$q=select * from development graphics windows;
$result=msql_query($q);
while($row = mysql_fetch_array($result)) {
if($_POST["DROPDOWNMENU1"]==$row[web_development_id]){
?>
<option value='<?php echo $row["web_development_id"]; ?>'selected>
<?php echo $row["web_development_name"];?>
</option>
in DROPDOWNMENU2 select data where DROPDOWNMENU2.id=$_POST["DROPDOWNMENU1"];