Javascript 如何从添加删除选择框中获取值

我有两个多重选择框的种姓和子种姓。在两个选择框中使用的添加/删除按钮。我想根据种姓筛选子种姓。如何获取种姓选择框的值。我正在使用添加/删除的代码

$('#btn-add').click(function(){
    $('#caste option:selected').each( function() {
        $('#caste_new').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
        $(this).remove();
    });
});
$('#btn-remove').click(function(){
    $('#caste_new option:selected').each( function() {
        $('#caste').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
        $(this).remove();
    });
}); 

$（'btn add'）。单击（函数（）{
$（“#种姓选项：选中”）。每个（函数（）{
$（'#caste_new'）。追加（“+$（this.text（）+”）；
$（this.remove（）；
});
});
$（“#btn删除”）。单击（函数（）{
$（'#caste_新选项：选中'）。每个（函数（）{
$（'#caste'）.append（“+$（this.text（）+”）；
$（this.remove（）；
});
}); 

还可以使用ajax从数据库中获取值。 请帮忙。提前谢谢

$("#caste :input"); 

应选择已附加的所有输入。

---

之后，您只需浏览列表并获取值

这不是您的问题，但为什么要创建新选项，而不只是将现有选项附加到新的选择框中？我想获取caste_新选择框的值。