獲取選定的選項文本，而不是值

-1

我有一個多重選擇，我想要選擇文本而不是值。獲取選定的選項文本，而不是值

我的意思是這樣的：

<option value="1100"> MH-03-P-9429</option>

我想MH-03-P-9429爲選定的文本，但是當我做

$("#usersDropDown").multipleSelect('getSelects')

我得到的輸出1100如小提琴中所示。

Multiple Select Issue

誰能幫助我在這裏？

如何獲得選定的選項文本而不是值？

注：的.text（）和.VAL（）不反對getSelects

來源

2017-03-17 Ashish Bahl

需要選擇後募集活動[小提琴]（https://jsfiddle.net/pandeyvishal1986/850xcwh8/2 /＃＆togetherjs = g24REQzRF0） – RonyLoud

試試這個：

$("#usersDropDown").multipleSelect({ 
    placeholder: "Select Users", 
    selectAll: true, 
    width: "100%", 
    filter: true, 
}); 
$("#usersDropDown").on('change',function() 
{ 
    var getSelected = $("#usersDropDown").multipleSelect('getSelects', 'text'); 
    alert(getSelected) 
});

來源

2017-03-17 13:06:46

你的代碼在小提琴中已經很完美了，只需要傳遞'text'作爲參數就可以獲得上面的文本。 –

使用工作這個組合：

("option:selected").text();

見FIDDLE和/或代碼段2瞭解它如何適用於您的特定代碼。

SNIPPET 1

$('#sel').on('change', function() { 
 
    var txt = $(this).find("option:selected").text(); 
 
    $('output').val(txt); 
 
});

#sel {font:inherit}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id='sel'> 
 
<option>TEXT1</option> 
 
<option>TEXT2</option> 
 
<option>TEXT3</option> 
 
<option>TEXT4</option> 
 
</select> 
 
<output></output>

SNIPPET 2

$("#usersDropDown").multipleSelect({ 
 
    placeholder: "Select Users", 
 
    selectAll: true, 
 
    width: "100%", 
 
    filter: true 
 
}); 
 
$("#usersDropDown").on('change', function(e) { 
 
    var getSelected = $("#usersDropDown").find("option:selected").text(); 
 
    alert(getSelected); 
 

 
});

<link href='https://rawgit.com/wenzhixin/multiple-select/master/multiple-select.css' rel='stylesheet'> 
 

 
<select id="usersDropDown" multiple="multiple" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Select Users"> 
 
    <option value="1100"> MH-03-P-9429</option> 
 
    <option value="1101"> MH-03-A-2104</option> 
 
    <option value="1102"> MH-03-PB-8413</option> 
 
    <option value="1103"> MH-03-BP-3000</option> 
 
    <option value="1104"> MH-03-PA-9400</option> 
 
</select> 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src='https://cdnjs.cloudflare.com/ajax/libs/multiple-select/1.2.0/multiple-select.js'></script>

來源

2017-03-17 12:32:32 zer00ne

$("#usersDropDown").multipleSelect({ 
    placeholder: "Select Users", 
    selectAll: true, 
    width: "100%", 
    filter: true, 
}); 

$("#usersDropDown").on('change',function() 
{ 

var textss= $(".ms-choice span:first").text(); 
alert(textss); 
});

使用此來獲取所有選定的文本https://jsfiddle.net/850xcwh8/4/

來源

2017-03-17 12:35:09

獲取選定的選項文本，而不是值

回答

相關問題