OnChangeEvent中的类别和子类别
OnChangeEvent in categories and subcategories
本文关键字:子类 OnChangeEvent 更新时间:2023-09-26
我是php新手。我在选择选项的onchange事件中遇到问题…如果我改变将整个表单分类,而不是更改categores1的值。
onchange="myform.submit()"
中onchange事件的问题。
<form name="myform" method="POST" action="getsearch.php">
<table style=" border:1px solid silver" cellpadding="10px" cellspacing="0px" align="center">
<tr>
<td colspan="3" style="background:#0066FF; color:#FFFFFF; font-size:20px">Search</td>
</tr>
<tr>
<td>Name</td>
<td><input type="text" name="name" size="40" /></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email" size="40" /></td>
</tr>
<tr>
<td>Phone</td>
<td><input type="text" name="phone" size="40" /></td>
</tr>
<tr>
<td>categories</td>
<td><select name="first" onchange="myform.submit()">
<option value="">select the category</option>
<?php
$sql="select *from first_category";
$res=mysql_query($sql);
echo $res;
if(mysql_num_rows($res)>0)
{
while($row=mysql_fetch_assoc($res))
{
if(isset($_POST["first"]) AND $_POST["first"]==$row["first_id"])
$select ="selected='selected'";
else
$select='';
echo '<option value="'.$row["first_id"].'" '.$select.'>'.$row["category_name"].'</option>';
}
}
?>
</select></td>
</tr>
<tr>
<td>categories1</td>
<td><select name="second">
<option value="">select the second category</option>
<?php
if(isset($_POST["first"]))
{
$sql="select *from second_category where first_id=".intval($_POST["first"]);
$res=mysql_query($sql);
echo $res;
if(mysql_num_rows($res)>0)
{
while($row=mysql_fetch_assoc($res))
{
echo '<option value="'.$row["second_id"].'">'.$row["second_categoryname"].'</option>';
}
}
}
?>
</select></td>
</tr>
<center><tr >
<td valign="middle"><input type="submit" value="Search" id="hi" name="hi" /></td>
</tr></center>
</table>
你好像把php和javascript混在一起了。PHP是在服务器端执行的,你不能通过改变select或类似的东西来调用它(除非通过Ajax)。
所以如果你真的想要这种行为,你可以把你的数据转储到一个javascript对象,然后迭代它来动态地填充第二个选择,或者通过Ajax实现它。为此:调用一个额外的php脚本,它只是返回正确的值,并通过javascript填充它们。你可以在这里找到一个很好的教程如何用jQuery解决这个问题:http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html
相关文章:
- 是否可以从父类访问子类的属性
- 子类访问父类's闭包变量
- Javascript关键字搜索子类Div值
- 如何通过Prototype或jquery移除子类的父类基类
- JavaScript数组的子类化破坏了快速枚举
- 可以“;超级“;可以在子类的方法内部使用,在不直接引用的情况下调用相应的超类方法
- 具有子类的构造函数中的Object.freeze
- JavaScript—父类和子类/对象的此问题
- Google Maps Javascript v3 自定义控件子类化标准控件
- 调用子类函数时调用的超类函数
- 在 Javascript 中更改 CSS 子类的值
- 子类化 Meteor.users() 以获得不同的用户类型
- 下划线扩展方法和结构.js子类
- 如何在 javascript 中从子类调用父方法
- 如何在单击父类的另一个子类时获取子类的值
- 寻址jquery ui手风琴子类
- hover添加类-或子类:悬停以影响父类
- Javascript 类继承.子类更改主类的属性
- 更改事件的DOM突变观测器回调和子类
- ES6类:在超级方法中获取子类的正确名称