Holen Wert von Multiselect-Box mit jQuery oder reiner JS
-
23-09-2019 - |
Frage
In dem folgenden Code gezeigt, wie die Werte der Multiselect-Box in Funktion val()
erhält mit jQuery oder reiner JavaScript?
<script>
function val() {
//Get values of mutliselect drop down box
}
$(document).ready(function () {
var flag = 0;
$('#emp').change(function () {
var sub = $("OPTION:selected", this).val()
if (flag == 1) $('#new_row').remove();
$('#topics').val('');
var html = '<tr id="new_row" class="new_row"><td>Topics:</td><td> <select id="topic_l" name="topic_l" class="topic_l" multiple="multiple">';
var idarr = new Array();
var valarr = new Array(); { %
for top in dict.tops %
}
idarr.push('{{top.is}}');
valarr.push('{{pic.ele}}'); { % endfor %
}
for (var i = 0; i < idarr.length; i++) {
if (sub == idarr[i]) {
html += '<option value="' + idarr[i] + '" >' + valarr[i] + '</option>';
}
}
html += '</select></p></td></tr>';
$('#tops').append(html);
flag = 1;
});
});
</script>
Emp:
<select id="emp" name="emp">
<option value=""></option>
<option value="1">1</option>
</select>
<div name="tops" id="tops"></div>
<input type="submit" value="Create Template" id="create" onclick="javascript:var ret=val();return ret;">
Lösung
die val
Funktion aus dem select
genannt wird ein Array, wenn es ein Vielfaches zurück. $('select#my_multiselect').val()
wird ein Array der Werte für die ausgewählten Optionen zurück -. Sie müssen Schleife nicht durch und sie selbst bekommen
Andere Tipps
Ich denke, die Antwort einfacher sein kann, wie dies zu verstehen:
$('#empid').on('change',function() {
alert($(this).val());
console.log($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<select id="empid" name="empname" multiple="multiple">
<option value="0">Potato</option>
<option value="1">Carrot</option>
<option value="2">Apple</option>
<option value="3">Raisins</option>
<option value="4">Peanut</option>
</select>
<br />
Hold CTRL / CMD for selecting multiple fields
Wenn Sie „Karotte“ wählen und „Rosinen“ in der Liste, wird der Ausgang „1,3“ sein.
var data=[];
var $el=$("#my-select");
$el.find('option:selected').each(function(){
data.push({value:$(this).val(),text:$(this).text()});
});
console.log(data)
Nach der widget Seite , sollte es sein:
var myDropDownListValues = $("#myDropDownList").multiselect("getChecked").map(function()
{
return this.value;
}).get();
Es funktioniert für mich:)
Das hat mir den Wert und Text der ausgewählte Optionen für das jQuery multiselect.js Plugin:
$("#selectBox").multiSelect({
afterSelect: function(){
var selections = [];
$("#selectBox option:selected").each(function(){
var optionValue = $(this).val();
var optionText = $(this).text();
console.log("optionText",optionText);
// collect all values
selections.push(optionValue);
});
// use array "selections" here..
}
});
sehr nützlich, wenn Sie es für Ihr "onChange" Ereignis benötigen;)
Sie können auch so machen.
<form action="ResultsDulith.php" id="intermediate" name="inputMachine[]" multiple="multiple" method="post">
<select id="selectDuration" name="selectDuration[]" multiple="multiple">
<option value="1 WEEK" >Last 1 Week</option>
<option value="2 WEEK" >Last 2 Week </option>
<option value="3 WEEK" >Last 3 Week</option>
<option value="4 WEEK" >Last 4 Week</option>
<option value="5 WEEK" >Last 5 Week</option>
<option value="6 WEEK" >Last 6 Week</option>
</select>
<input type="submit"/>
</form>
Dann nehmen Sie die Mehrfachauswahl aus folgenden PHP-Code unten. Es drucken Sie mehrere Werte entsprechend gewählt.
$shift=$_POST['selectDuration'];
print_r($shift);