第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 jquery 將下拉菜單的選定選項的 ID 推送到數(shù)組中?

如何使用 jquery 將下拉菜單的選定選項的 ID 推送到數(shù)組中?

翻過高山走不出你 2022-12-09 13:55:08
實際上我在我的 html 中有一個下拉菜單,我將在這里使用 ajax 從數(shù)據(jù)庫中獲取選項我正在從數(shù)據(jù)庫中檢索 id 和選項,但只顯示下拉菜單中的選項到目前為止我在 html 中完成的下拉代碼是<div id="container" class=""></div><button id="seedoc" style="float: right; margin-right: 10px;" onclick="addOne();"></button>function addOne() {getEmails();$('#container').append(<div class='form-group' style='display:flex'><select class='drop form-control'  name='option' id='option'><option value='' disabled selected>Select your option</option></select>                <button class="btn btn-primary shrBtn" style="float:left;" onclick="send()">Send</button></div>我從 db.php 得到的 json 響應(yīng)是users:[ "<p style='margin:0px;display:none;'data-id='755'>amilham</p>","<p style='margin:0px;display:none;'data-id='706'>a_sarabi</p>"]在下拉列表中,我得到 amilham,a_sarabi 所以在下拉列表中,如果我選擇 amilham,我需要將數(shù)據(jù) ID 即 755 放入數(shù)組中,如果我選擇 a_sarabi,我還需要在另一個下拉列表中使用 jquery 將 706 放入數(shù)組中誰能幫幫我到目前為止我試過這樣但沒有得到function send(){    var uids = [];    \$('.drop').change(function(){   \$(this).find('option:selected').each(function(){       uids.push(\$(this).attr('data-id') );    });   });我需要使用 jquery 添加的所有下拉列表中所選選項的所有 ID 將數(shù)據(jù)庫中的選項填充到下拉列表中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('<option>' + option + '</option>');        });      },    });  }
查看完整描述

1 回答

?
牛魔王的故事

TA貢獻1830條經(jīng)驗 獲得超3個贊

我已經(jīng)創(chuàng)建了一個演示示例(通過添加您的json響應(yīng)數(shù)據(jù)表單 db.php)來說明您所說的內(nèi)容。您可以存儲data-id點擊發(fā)送按鈕。


運行下面的代碼片段并選擇選項并單擊發(fā)送以查看數(shù)組uids將具有data-id所選選項的。


//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": ["<p style='margin:0px;display:none;'data-id='755'>amilham</p>",

    "<p style='margin:0px;display:none;'data-id='706'>a_sarabi</p>"

  ]

}



function getEmails() {

  res.users.forEach(function(option) {

    $('.drop').append('<option data-id=' + $(option).attr('data-id') + '>' + option + '</option>');

  });

}


function addOne() {


  $('#container').append("<div class='form-group' style='display:flex'><select class='drop form-control' name='option' id='option'> <option value='' disabled selected>Select your option</option> </select>");

  getEmails();


}

getEmails();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="container" class=""></div>

<button id="seedoc" style="float: right; margin-right: 10px;" onclick="addOne();" disabled>Add one </button>


<div class='form-group' style='display:flex'>

  <select class='drop form-control' name='option' id='option'>

    <option value='' disabled selected>Select your option</option>


  </select>

  <button class="btn btn-primary shrBtn" style="float:left;" onclick="send()">Send</button>


</div>


查看完整回答
反對 回復(fù) 2022-12-09
  • 1 回答
  • 0 關(guān)注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號