获取选定的选项文本而不是值
Get selected option text and not value
我有多个 select,我想得到 selected text 而不是 value .
我的意思是:
<option value="1100"> MH-03-P-9429</option>
我想获取 MH-03-P-9429 作为 selected 文本,但是当我这样做时
$("#usersDropDown").multipleSelect('getSelects')
我得到的输出为 1100,如 fiddle 所示。
有人可以帮我吗?
如何获得 selected 选项文本而不是值?
注意: .text() 和 .val( ) 不适用于 getSelects
使用这个组合:
("option:selected").text();
请参阅 FIDDLE and/or 片段 2 了解它如何应用于您的特定代码。
片段 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>
片段 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>
$("#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/
试试这个:
$("#usersDropDown").multipleSelect({
placeholder: "Select Users",
selectAll: true,
width: "100%",
filter: true,
});
$("#usersDropDown").on('change',function ()
{
var getSelected = $("#usersDropDown").multipleSelect('getSelects', 'text');
alert(getSelected)
});
我有多个 select,我想得到 selected text 而不是 value .
我的意思是:
<option value="1100"> MH-03-P-9429</option>
我想获取 MH-03-P-9429 作为 selected 文本,但是当我这样做时
$("#usersDropDown").multipleSelect('getSelects')
我得到的输出为 1100,如 fiddle 所示。
有人可以帮我吗?
如何获得 selected 选项文本而不是值?
注意: .text() 和 .val( ) 不适用于 getSelects
使用这个组合:
("option:selected").text();
请参阅 FIDDLE and/or 片段 2 了解它如何应用于您的特定代码。
片段 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>
片段 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>
$("#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/
试试这个:
$("#usersDropDown").multipleSelect({
placeholder: "Select Users",
selectAll: true,
width: "100%",
filter: true,
});
$("#usersDropDown").on('change',function ()
{
var getSelected = $("#usersDropDown").multipleSelect('getSelects', 'text');
alert(getSelected)
});