2 回答

TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊
我的代碼中有兩個(gè)錯(cuò)誤導(dǎo)致無法工作,ajax 代碼的 url 和成功部分。
工作代碼:
$.ajax({
type:'POST',
url:'ajax_marque.php',
data:post_id,
success:function(data){
$('#choose_marque').html(data);
}
});
出于某種原因,我使用了“marque”而不是數(shù)據(jù)(我可能已經(jīng)改變了它認(rèn)為它是別的東西?)并且 url 是“../ajax_marque.php”。我想我必須從 javascript.php 文件所在的任何地方添加 url,而不是從它被調(diào)用的地方 (create.php)。

TA貢獻(xiàn)1752條經(jīng)驗(yàn) 獲得超4個(gè)贊
我不認(rèn)為您是否可以向 select withhtml方法添加選項(xiàng)。您必須創(chuàng)建option對(duì)象才能添加select對(duì)象。為了實(shí)現(xiàn)這一點(diǎn),您需要將 ajax 方法的響應(yīng)更改為 JSON 對(duì)象。
var selectMarque = function() {
// Remove current options from matque
$('#choose_marque').find("option").remove();
var typeID = $('#choose_type').val();
var post_id = 'id=' + typeID;
// There will be always value in post_id
// You have to check typeID to be sure if type picked
if (typeID) {
// sample ajax data
var testData = [{
"value": "1",
"text": "Option 1"
},
{
"value": "2",
"text": "Option 2"
},
];
// for each option data in testData
$.each(testData, function(offset, optionData) {
// append an option to select
$('#choose_marque').append($('<option>', {
value: optionData.value,
text: optionData.text
}));
});
} else {
// if empty value picked as type
// add sample option to marque
$('#choose_marque').append($('<option>', {
value: "",
text: "Select Type To Fill"
}));
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="choose_type_modele" id="choose_type" onchange="selectMarque()" required>
<option value="">Select Type</option>
<option value="1">Fill Select</option>
</select>
<select id="choose_marque" required>
<option value="">Select Type To Fill</option>
</select>
- 2 回答
- 0 關(guān)注
- 207 瀏覽
添加回答
舉報(bào)