javascript - 在 Jquery 中处理 Ajax 请求遇到困难

Question

我正在尝试发出一个ajax请求，这会更改我选择的内容。

这是我的要求:

    $(function() {
        $("#client").change(function() {
            type: 'GET',
            url: "jsonContacts.php",
            dataType: "json",
            data: {
                q: $("#client").val()
            },
            success: function(data) {
                document.form.contactClient.options.length=0;
                document.form.contactClient.options[0]=new Option("Test", "test", true, false);
                for(var i=0; i<data.length; i++) {
                }
            }               
        });
    });

我的表格是:

<FORM name='devis' method='POST' action='ajoutDevisScript.php' id='form' onsubmit="return validateForm()" >
<p>
    <label for="client">Client</label>
    <input type='text' id='client' name='client' required>
</p>
<p>
    <label for="contactClient">Contact client</label>
    <SELECT name="contactClient" id="contactClient">
    </SELECT>   
</p>
</form>

我希望当“client”的文本更改时，请求会更改我的 SELECT 数据，但是，我的测试选项根本不显示。

谢谢!

Answer 1

由于您已经使用了 jQuery，因此您可以这样做:

$('#contactClient').append($('<option>', {
    value: 'Test',
    text: 'test',
    selected: true
}));

Demo