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>
添加回答
舉報