使用 AJAX 添加 select onchange

Question

我是 Javascript 的新手，所以我找不到问题的答案。我想在更改前一个选择时添加一个额外的选择。我知道我的代码应该看起来像这样，但它不起作用：

$(function(){
$('#artist').change(function(){
    $.ajax({
        url: "artist_field.php",
        dataType:"html",
        type: "post",
        success: function(data){
           $('#artist').append(data);
        }
    });
});
});

HTML

<td id="artist">
<select name="artist_1" id="artist">
<option value=""></option>
</select>
</td>

我的问题是我不知道如何获取我尝试发送的artist_field.php 中的值（因为我试图在新选择中排除先前选择的选项）。我希望有一个人可以帮助我！提前致谢。

Answer 1

$(document).ready(function() {
    $('#select_2').hide();
    $('#artist').change(function(){
        $('#select_2').show();
    });
});

HTML

<td id="artist">
    <select name="artist_1" id="artist">
        <option value=""></option>
    </select>
</td>
<td>
    <select name="select_2" id="select_2">
        <option value=""></option>
    </select>
</td>

如果您在第一个选择中选择了某些内容，它只会显示第二个选择