2016-12-09 3 views
0

Ich bin verwirrt mit <select multiple="multiple">.HTML/jQuery wählen

Ich habe diese select:

<select id="id_users" class="form-control" multiple="multiple" name="users"> 
 
     <option value="2">John</option> 
 
     <option value="3">Danee</option> 
 
     <option value="4">Panos</option> 
 
     <option value="5">Mary</option> 
 
</select>

standardmäßig, um mehrere Optionen auszuwählen, Sie Strg und Linksklick auf jede Option drücken. Ok, ich verstehe.

Was ich will ist, jedes Mal, wenn ich eine eine Option klicke, wird diese Option ausgewählt. Und mit ausgewählt, ich meine, ich brauche es, um hervorgehoben zu bleiben.

Ich habe mehrere Möglichkeiten ausprobiert, um durch die Auswahl zu iterieren, aber in jeder Hinsicht bleibt der letzte, den ich angeklickt habe, hervorgehoben (obwohl ich seine .attr() in .attr geändert habe ('selected', true), und in meiner Firebug-Konsole scheint es zu ausgewechselt zu haben).

Ich fühle mich, als würde ich hier etwas vermissen.

+0

Sie müssen versuchen mit [Mehrfachauswahl] (http://wenzhixin.net.cn/p/multiple-select/docs/#multiple-select) –

+0

Hallo Entwickler, Sie können Bootstrap für ein ez-Layout und ein ez verwenden multi wählen Sie http://formvalidation.io/examples/bootstrap-multiselect/ viel Glück und fragen Sie mich, wenn Sie Hilfe benötigen. –

+0

Wenn ich das richtig gemacht habe, wollen Sie nur die Auswahl für bereits ausgewählte Optionen deaktivieren? Also diese 'Klickoption' = 'immer Option auswählen'? –

Antwort

0

So habe ich endlich mit http://loudev.com/#home ging, was eine großartige pluggin ist !!!

Danke nochmal @nisar für den Vorschlag !!!!

-1

Sie sind für mehrere ausgewählte Dropdown suchen, lesen Sie hier enter link description here

$(".dropdown dt a").on('click', function() { 
    $(".dropdown dd ul").slideToggle('fast'); 
}); 

$(".dropdown dd ul li a").on('click', function() { 
    $(".dropdown dd ul").hide(); 
}); 

function getSelectedValue(id) { 
    return $("#" + id).find("dt a span.value").html(); 
} 

$(document).bind('click', function(e) { 
    var $clicked = $(e.target); 
    if (!$clicked.parents().hasClass("dropdown")) $(".dropdown dd ul").hide(); 
}); 

$('.mutliSelect input[type="checkbox"]').on('click', function() { 

    var title = $(this).closest('.mutliSelect').find('input[type="checkbox"]').val(), 
    title = $(this).val() + ","; 

    if ($(this).is(':checked')) { 
    var html = '<span title="' + title + '">' + title + '</span>'; 
    $('.multiSel').append(html); 
    $(".hida").hide(); 
    } else { 
    $('span[title="' + title + '"]').remove(); 
    var ret = $(".hida"); 
    $('.dropdown dt a').append(ret); 

    } 
}); 

otherwie js Gebrauch Multiselect, multiselect js

+0

Dies ist eine sehr gute Idee, aber es wird nicht für mich arbeiten. Ich brauche es zu sein