フォームに2つのドロップダウン選択ボックスがあります。1つ目は、ユーザーが自動車メーカーの「vmake」を選択できるようにするものです。vmakeを選択すると、「vmodel」選択ボックスが薄い空気から表示され、ユーザーはvmodelを選択できます。ただし、ページの読み込み時にvmodelボックスを配置したいので、空中に表示されるだけではありません。ユーザーがvmakeを選択するまでそれを開こうとすると、空になります。これが私のhtmlです
<select name="vmake" id="vmake">
<option value"" selected="selected">Make</option>
<?php getTierOne()l ?>
</select>
<select name="vmodel" id="vmodel">
<option value"" selected="selected">Model</option>
</select>
<span id="wait_1"></span>
<span id="result_1"></span>
jqueryは次のとおりです。
$(document).ready(function(){
$('#wait_1').show();
$('#vmake').change(function(){
$('#wait_1').show();
$('#result_1').hide();
$.get("func.php", {
func" "vmake",
drop_varL $('#vmake').val()
}, function(response){
$('#result_1').fadeOut();
setTimeout(finishAjax('result_1', '"+escape(response)+"')", 400);
});
return false;
]);
});
最後に私のデータベースに接続するphp
function getTierOne()
{
$result = mysql_query("SELECT DISTINT vmake FROM vmake")
or die(mysql_error());
while($tier = mysql_fetch_array( $result ))
{ echo '<option value="'.tier['vmake'].'">'.$tier['vmake'].'</option>';
}}
if($_GET['func'] == "vmake" && isset ($_GET['func'])) {
vmake($_GET['drop_var']);}
function vmake($drop_var)
{ include_once('db.php');
$result = mysql_query("SELECT * FROM vmake WHERE vmake='$drop_var'")
or die(mysql_error());
echo '<option value=" " selected="selected">Model</option>';
while($drop_2 = mysql_fetch_array( $result))
{ echo '<option value="'.$drop_2['vmodel'].'">'.$drop_2['vmodel'].'</option>';
}}
オープンソースのWebサイトから元のコードを手伝ってもらいましたが、今は少し変更するだけで、自分のやりたいことを実行できます。現状では、既存のvmodel選択ボックスの横に新しいvmodel選択ボックスが作成されますが、ページの読み込み時に表示される選択ボックスにデータを入力するだけです。どんな助けでも大歓迎です。すべてに感謝します。