私はPHP MYSQLとJAVASCRIP AJAXを使用しています。php ajax mysqlを使用して3つの依存ドロップダウンリストを作成
私は、これらのドロップダウンリストにMYSQLデータベースから取得したデータが含まれているAJAXを使用して、相互に依存させたい複数のドロップダウンリストを持っています。
ユーザが第ドロップダウン・リストから選択し、その選択に基づい第と第ドロップダウン・リストは、関連する値を表示します。
私が今まで行ってきたことは、第2のドロップダウンリストを最初のものに依存させることです。
デバッグモード:
最初のPICは最初のAJAX呼び出し を示しセカンドpicが、私は第二と第三BEを作るために今必要な二AJAX呼び出し
が最初に依存示し1。
テーブル
site_info:
- SITEID
- サイト名
- OWNERID
- 企業ID
owner_info:
- OWNERID
- ownernameに
company_info:
- 企業ID
- 得意
私はエラーがどのようにオプションタグに3つの値を埋め込むための
foreach($query_site_name as $row)
{
// $site_name = (array)$site_name;
echo "<option value = '".$row ->ownerID."', '".$row ->companyID."'>".$row->siteNAME."</option>";
}
各ループのために知っています?
CODE1:
<?php
include_once($_SERVER['DOCUMENT_ROOT'].'/wordpress/wp-load.php');
global $wpdb;
$outputOwner = '';
$sql =$wpdb->get_results("select ownerID, ownerNAME from owner_info where ownerID = '".$_POST['ownerID']."' ORDER BY ownerNAME");
var_dump($sql);
$outputOwner= '<option value="">Select Owner</option>';
foreach($sql as $row){
$outputOwner.= "<option value = '".$row ->ownerID."'>".$row->ownerNAME."</option>";
}
echo $outputOwner;
$outputCompany = '';
$sql =$wpdb->get_results("select companyID, companyNAME from company_info where companyID = '".$_POST['companyID']."' ORDER BY companyNAME");
var_dump($sql);
$outputCompany= '<option value="">Select Company</option>';
foreach($sql as $row){
$outputCompany.= "<option value = '".$row ->companyID."'>".$row->companyNAME."</option>";
}
echo $outputCompany;
:このAJAXスクリプトは最初と2番目のドロップダウンリストのみ
dropdown_fetch_owner.php間で機能するために使用される
<form method ="post" action ="" name="submit_form">
<table border="0" width="30%">
<tr>
<td>Site Name</td>
<td>Owner Name</td>
<td>Company Name</td>
<td>Subcontractor Name</td>
</tr>
<tr>
<td><select id="site_name" name = "site_name">
<?php
$query_site_name =$wpdb->get_results("select DISTINCT siteNAME, ownerID, companyID from site_info");
foreach($query_site_name as $row)
{
// $site_name = (array)$site_name;
echo "<option value = '".$row ->ownerID."', '".$row ->companyID."'>".$row->siteNAME."</option>";
}
?>
<!--create dropdown list owner names-->
</select></td>
<td><select id="owner_name" name ="owner_name">
<option value="">Select Owner</option>
</select></td>
<!--create dropdown list Company names-->
<td><select id="Company_name" name ="Company_name">
<option value="">Select Company</option>
<script type="text/javascript">
// make Dropdownlist depend on each other
$(document).ready(function(){
// depend owner name on site name
$('#site_name').change(function(){
var ownerID = $(this).val();
$.ajax({
url:"<?php echo get_stylesheet_directory_uri(); ?>/dropdown_fetch_owner.php",
method:"POST",
data:{ownerID:ownerID},
datatype:"text",
success:function(data){
$('#owner_name').html(data);
}
});
//depend company name on site name
var companyID = $(this).val();
$.ajax({
url:"<?php echo get_stylesheet_directory_uri(); ?>/dropdown_fetch_owner.php",
method:"POST",
data:{companyID:companyID},
datatype:"text",
success:function(data){
$('#Company_name').html(data);
}
});
});
});
</script>
? >
してみてくださいJavaScriptであなたのAjaxコードと事前
この記事をお読みください。http://www.codexworld.com/dynamic-dependent-select-box-using-jquery-ajax-php/ –