マルチ選択ですべての選択オプションを取得するのに問題があります
<select multiple="" title="" class="" id="fm_delivery_or_collection" name="fm_fields[fm_delivery_or_collection][]">
<option value="90">Delivery or Collection1</option>
<option value="91">Delivery or Collection2</option>
<option value="92">Delivery or Collection3</option>
</select>
ベローは私のコードであり、最初に選択されたオプションのみを返します
var select = form.find('select')
for (var i = 0; i < select.length; i++)
{
var s_id = jQuery(select[i]).attr('id');
var str="",i;
var e = document.getElementById(s_id);
var strUser = e.options[e.selectedIndex].text;
var name = jQuery(select[i]).attr('name')
var str1 = jQuery(select[i]).attr('id').replace("fm_"," ")
requestString += "<b>"+str1.replace(/_/g," ")+"</b>" + ':' +strUser+"<br>";
}
選択したすべてのオプションテキストを取得する方法と、ミスを犯した場所を教えてください。
あなたのコメントplease suggest me how can i get all selected option text
、 だから、これを試すことができます :
$("#fm_delivery_or_collection option:selected").each(function () {
var $this = $(this);
if ($this.length) {
var selText = $this.text();
console.log(selText);
}
});
今すぐすべてを一行で行う
var text = $('#selector option:selected').toArray().map(item => item.text).join();
次のように戻ります。
text1,text2,text3,text4
// Return an array of the selected opion values
// select is an HTML select element
function GetSelectValues(select) {
var result = [];
var options = select && select.options;
var opt;
for (var i=0, iLen=options.length; i<iLen; i++) {
opt = options[i];
if (opt.selected) {
result.Push(opt.value || opt.text);
}
}
return result;
}
この関数を選択ボックスに次のように渡します。
var selectBox = document.getElementsById('fm_delivery_or_collection');
alert(GetSelectValues(selectBox ));
選択された値の配列を返します
Jqueryを使用
$('select#fm_delivery_or_collection').val()
val
から呼び出されたselect
関数は、その倍数の場合に配列を返します。
これで試してください
$("#fm_delivery_or_collection option").each(function(){
if($(this).attr('selected') == 'selected')
{
var name = $("#fm_delivery_or_collection").attr('name')
var str1 = $("#fm_delivery_or_collection").attr('id').replace("fm_"," ")
requestString += "<b>"+str1.replace(/_/g," ")+"</b>" + ':' +strUser+"<br>";
}
})
$("#id :selected").each(function (i,sel) {
alert($(sel).text());
});
それが役に立てば幸い..
$("#selection option:selected").each(function () {
var $this = $(this);
if ($this.length) {
var selText = $this.text();
console.log(selText);
$('#selected').append(selText+', ');
}
});
次のコード行を追加するだけです:-
var reciever= jQuery('#to_select option:selected').toArray().map(item => item.text).join();
/* alert(reciever); */