Javascript 使用Ajax和PHP更改多选择jquery

我的HTML页面中有一个多重选择，它是在AJAX响应中生成的：格式如下：

<div>
    <select class='myselect' idselect=1>
        <option value='private'>Private</option>
        <option value='public'>Public</option>
    </select><button idfeed=1 class='change'>Change status</button></div> 
<div>
    <select class='myselect' idselect=2>
        <option value='private'>Private</option>
        <option value='public'>Public</option>
    </select><button idfeed=2 class='change'>Change status</button>
</div>......

私有的
公开的
改变状态
私有的
公开的
改变状态
......

在我的jquery/Ajax中，我有类似的代码（生成上面的HTML的代码）：

$（文档）.ready（函数（）{
var id=$（'#idUser'）.val（）；
//console.log（'findAll'）；
$.ajax({
键入：“GET”，
网址：'http://localhost/ws/api/getUserFeeds/“+id，
数据类型：“json”，//响应的数据类型
成功：函数（数据）{
//警报（数据[0].URL）；
$.each（数据、函数（i）{
var toappend=“PrivatePublicChange status”；
console.log（toappend）；
$（“#foo”）.append（toappend+”“+i+”）；
$（'#rss'+i）.FeedEk({
FeedUrl:data[i].URL，
最大计数：1，
日期格式：“MM/DD/YYYY HH:MM”
});
});     
}
});
});

当我想检索用户选择的值时，它必须是private或public，我使用这个jquery代码进行选择，但问题是它始终只选择private

<script type="text/javascript">
  $(document).on('change','.myselect',function(){
    var selectvar = $('.myselect').val();
    console.log(selectvar);
  });

</script>

$（document）.on（'change'，'.myselect'，function（）{
var selectvar=$（'.myselect'）.val（）；
console.log（selectvar）；
});

如您所见，我在控制台中显示所选的值，并使用JQuery更改事件。 我试图通过多种方式让它工作，但它总是返回私有（我的选择由两个选项组成：私有和公共）

---

谢谢你的帮助

最后你犯了一个小错误。您应该使用

$（this）

，而不是

$（'.myselect'）

检索

选择
输入：

$(document).on('change','.myselect',function(){
    var selectvar = $(this).val();
    console.log(selectvar);
});

试试这个


$（此）=>元素已更改

$（“.myselect”）=>它可以是您的
给定html

var-selectvar=$（'.myselect'）.val（）
应该是
var-selectvar=$（this.val（）谢谢你帮了我很多，就是这样，现在它工作了！！！！太好了，我当时写了一个答案。
$(document).on('change','.myselect',function(){
    var selectvar = $(this).val();
    console.log(selectvar);
});

$(document).on('change','.myselect',function(){
    var selectvar = $(this).val();
    console.log(selectvar);
});