Javascript PHP2选择选项始终与数据库中的表行同步
我有2个选择选项,如果选择了选择1,则选择2将自动与选择1同步 从数据库表检索所有SelectOptions内容 选择1和2个脚本: 选择休假类型Javascript PHP2选择选项始终与数据库中的表行同步,javascript,php,html,Javascript,Php,Html,我有2个选择选项,如果选择了选择1,则选择2将自动与选择1同步 从数据库表检索所有SelectOptions内容 选择1和2个脚本: 选择休假类型 这项工作需要使用ajax 此示例适用于州的选定城市 index.php <?php //Include the database configuration file include 'dbConfig.php'; //Fetch all the country data $query = $db->query("SELECT
这项工作需要使用ajax 此示例适用于州的选定城市 index.php
<?php
//Include the database configuration file
include 'dbConfig.php';
//Fetch all the country data
$query = $db->query("SELECT * FROM countries WHERE status = 1 ORDER BY country_name ASC");
//Count total number of rows
$rowCount = $query->num_rows;
?>
<select id="country">
<option value="">Select Country</option>
<?php
if($rowCount > 0){
while($row = $query->fetch_assoc()){
echo '<option value="'.$row['country_id'].'">'.$row['country_name'].'</option>';
}
}else{
echo '<option value="">Country not available</option>';
}
?>
</select>
<select id="state">
<option value="">Select country first</option>
</select>
<select id="city">
<option value="">Select state first</option>
</select>
$document.readyfunction{
$'country'。关于'change',函数{
var countryID=$this.val;
ifcountryID{
$.ajax{
类型:'POST',
url:'ajaxData.php',
数据:'country_id='+countryID,
成功:functionhtml{
$'state'.htmlhtml;
$'city'.html'Select state first';
}
};
}否则{
$'state'.html'Select country first';
$'city'.html'Select state first';
}
};
$'state'。在'change'上,函数{
var stateID=$this.val;
ifstateID{
$.ajax{
类型:'POST',
url:'ajaxData.php',
数据:'state_id='+stateID,
成功:functionhtml{
$'city'.htmlhtml;
}
};
}否则{
$'city'.html'Select state first';
}
};
};
先选择国家
先选择州
我找到了一个简单的方法。
这可能不是最好的解决方案,但它应该可以做到这一点
也许这会帮助其他人:
$document.readyfunction{
$'leavetype'.changefunction{
var rightsgranted=$this.findoption:selected.attrtTitle;
$'RightsGranted'。valrightsgranted;
};
};
选择休假类型
有什么问题或错误?在所需输出中添加更多详细信息如果第二个下拉列表依赖于第一个下拉列表,则在第一个下拉列表中使用带有onChange事件的ajax问题是我必须替换每个SelectOption上的手册