How to push the ids of selected option of dropdowns into an array using jquery?

Question

Hi I am new to jquery actually I had an dropdown in my html where I will get the options from database using ajax here I am retrieving the id and option from database but showing only the options in the dropdown

The code for dropdown which I done so far in html is



function addOne() {
getEmails();
$('#container').append(

the json response I get from db.php is

users:
[ "amilham",
"a_sarabi"]

and in dropdown I am getting amilham,a_sarabi so here in the dropdown if I select amilham I need to get the data-id i.e 755 into an array and also in the another dropdown if I select a_sarabi I need to get 706 into array using jquery

can anyone help me please

so far I tried like this but not getting

function send()
{
    var uids = [];
    \$('.drop').change(function(){
   \$(this).find('option:selected').each(function(){
       uids.push(\$(this).attr('data-id') );
    });
   });

I need all the ids of selected options in all the dropdowns I add using jquery Populating options from db into dropdown

function getEmails(){
        
    
    \$.ajax({
        url :'propage.php',
        type : 'POST',
        dataType : 'json',
        data : '&userId='+\$('#hdn_userid').val()+'&action=getEmails',
        success : function(res){
            res.users.forEach(function(option) {
            \$('.drop').append('');
        });
      },
    });
  }

user_13669048 · Answer

I have created a demo example (by adding your json response data form db.php) of what you are saying. You can store the data-id on clicking send button.

Run snippet below and select the option and click send to see the array uids will have the data-id of the selected option.

//Store in array()
var uids = [];

   //Select option function
$(document).on("change", ".drop", function() {

  //Find option selected
  var data = $(this).find("option:selected").attr('data-id')

  //Push selected data-id
  uids.push(data)

  //Enable button on selection
  $('#seedoc').prop('disabled', false)


})

//Send
function send() {
  console.log(uids)
}

//response
var res = {
  "users": ["amilham",
    "a_sarabi"
  ]
}


function getEmails() {
  res.users.forEach(function(option) {
    $('.drop').append('');
  });
}

function addOne() {

  $('#container').append("");
  getEmails();

}
getEmails();

How to push the ids of selected option of dropdowns into an array using jquery?

1 Answers