2016-12-09 15 views
0

<select multiple="multiple">と混同しています。HTML/jQueryを選択

私はこの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>

は、複数のオプションを選択するために、あなたは、Ctrlキーを押して、各オプションを左クリックする必要があります。さて、私はそれを取得します。

私が欲しいのは、をクリックするたびにをクリックすると、このオプションが選択されます。そして、選択することによって、私は強調表示されたままにする必要があることを意味します。

私は選択したものを反復処理するために複数の方法を試しましたが、最後には.attr()を.attr( 'selected'、true)に変更しても強調表示された最後のもの私のFirebugコンソールでは、これは選択されたものに変更されたようです)。

私はここに何かが欠けているように感じます。あなたが選択した複数のドロップダウンを探している

+0

[Multiple Select](http://wenzhixin.net.cn/p/multiple-select/docs/#multiple-select)を試す必要があります –

+0

ハイデベロッパー、ezレイアウトとezにブートストラップを使用できますマルチ選択http://formvalidation.io/examples/bootstrap-multiselect/幸運と助けが必要かどうか私に尋ねる。 –

+0

もし私がその権利を持っていれば、すでに選択されているオプションのクリックを解除するのを防ぐだけですか?だから、 'click option' = 'always select option'? –

答えて

0

は、だから私は最終的に素晴らしいplugginあるhttp://loudev.com/#home、一緒に行きました!

もう一度@nisarの提案に感謝!!!!

-1

、チェックここ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、multiselect js

+0

これは非常に良いアイデアですが、私にとってはうまくいかないでしょう。私はそれが