jQuery動態下拉列表

Question

我有這個腳本：

jQuery(document).ready(function($){

$('#website').change(function() {

    $.get('inc/dropdown.php',{id: $(this).val() },function(d){
        $('#loc').replaceWith(d);
    });
});
});

有了這個HTML，第一個下拉列表。

<label for="website"><strong>Web Site:</strong></label>
<?php inc dynamic form ?>

並由動態下拉列表取代。

 <span id="loc">Please select an option from above.</span>

我遇到的問題是，當我在“網站”下拉列表中的項目之間單擊時，它不會更新其他下拉列表。 它停留在第一個被單擊的位置。

Answer 1

我遇到的問題是，當我在“網站”下拉列表中的項目之間單擊時，它不會更新其他下拉列表

您所說的其他下拉菜單是什么意思？ 在這里，您使用的是ID，因此您無法使用同一腳本進行其他下拉菜單。 如果您希望此代碼可被不同的元素使用，則應考慮改用類。

此外，您使用的.replaceWith代替.text ， .replaceWith應更換DOM元素時使用，是你的意圖？