javascript - 使用 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>

如果你在第一个上选择了一些东西，它只会显示第二个选择