Php Ajax表单,2个带外部源的下拉列表
是否有一种方法,一旦我从表单上的下拉列表中选择,它将在第二个下拉列表中从第一个下拉列表中选择所有模型 这是我的密码Php Ajax表单,2个带外部源的下拉列表,php,html,ajax,forms,jquery,Php,Html,Ajax,Forms,Jquery,是否有一种方法,一旦我从表单上的下拉列表中选择,它将在第二个下拉列表中从第一个下拉列表中选择所有模型 这是我的密码 <form> <div class="landing_quote_left"> <table cellpadding="0" cellspacing="8" border="0"> <tr> <td>
<form>
<div class="landing_quote_left">
<table cellpadding="0" cellspacing="8" border="0">
<tr>
<td>
<label for="ajax_make_id" class="landing_quote_label">Make:</label>
</td>
<td>
<span id="ajax_make_select"><select name="2f_make_id" id="ajax_make_id" style="width: 170px;" onchange="Landing.getMakeFace(this.value);"><option value="999">Select a Make</option><option value="1">Acura</option><option value="2">Audi</option</select></span>
</td>
</tr>
<tr>
<td>
<label for="ajax_model_id" class="landing_quote_label">Model:</label>
</td>
<td>
<span id="ajax_model_select">
<select name="2f_model_id" id="ajax_model_id" style="width: 170px;" onchange="Landing.getModelFace(this.value);">
<option value="">Loading...</option>
</select>
</span>
</td>
</tr>
</table>
</div><!-- END landing_quote_left -->
</form>
制作:
选择一个MakeAcuraAudi这里有一些关于如何实现这一点的粗略代码
在页面加载时,填充下拉列表1
$(function(){
$.get('file1.php', function(data){
$('#dropdown1').html( data );
});
// on change of dropdown1 populate dropdown2 with the respective data
$('#dropdown1').change(function(){
$.get('file2.php',{ make: $(this).val() }, function(data){
$('#dropdown2').html( data );
});
});
});
因此,在file2.php中,可以检查传入的make
变量的$\u GET
数组,然后可以发回该模型的所有选项。你也可以发回json而不是html,但这让你大致了解了如何做到这一点,我认为最好一开始就保持简单 很抱歉我是新手,但我该如何着手实施呢?我用标记将上面的脚本添加到index.php文件中,然后我就不知道下一步该怎么做了。我真的很想知道你是否能帮忙。我很感激!