चयनित सभी के बजाय बूटस्ट्रैप मल्टीइलेक्स्ट लेबल को कैसे बदलें?

Question

मैं हिट चुनने के दौरान दिखाए गए सूची की संख्या के बजाय बूटस्ट्रैप मल्टीइलेक्ट ड्रॉप-डाउन का उपयोग कर रहा हूं, जिसमें सभी चयनित टेक्स्ट दिखाए जा सकते हैं। परीक्षण करने के लिए आईडी: (क 'सभी का चयन करें' विकल्प साथ एकाधिक चयन करें बटन की संकेत)

http://davidstutz.github.io/bootstrap-multiselect/

Answer 1

मैं 3 बटन के बदल दिया है। यह काम करता है लेकिन आपको पहले डेवलपर टूल (क्रोम/फ़ायरफ़ॉक्स को एफ 12 जोड़कर) से बटन में आईडी जोड़ने की आवश्यकता है।

$('#test+ul>li').change(function(){ 
    $('#test').text($('#test').attr('title')); 
}); 

आईडी जोड़ने के बाद आप इसका परीक्षण कर सकते हैं। उसके बाद jsfiddle.net का उपयोग करें। आप अधिक तेज़ी से सहायता पा सकते हैं।

Answer 2

तो भविष्य में कोई इस सवाल का मारा, समाधान बदलने

{ nonSelectedText: 'None selected' } 

इस पाठ को एक वैश्विक चर निर्दिष्ट जावास्क्रिप्ट के माध्यम से बदल दें।

मान बूटस्ट्रैप-multiselect.js फ़ाइल में रहता है।

Answer 3

आप (बूटस्ट्रैप एकाधिक चयन करें का) "लेबल" पाठ सभी 4 मामलों के लिए "किसी का चयन नहीं", "n चयनित" को बदल सकते हैं, "सभी" चयनित या "चुने गए मानों" इस प्रकार है:

JQuery

$('#level').multiselect({ 
    includeSelectAllOption: true, 
    maxHeight: 150, 
    buttonWidth: 150, 
    numberDisplayed: 2, 
    nSelectedText: 'selected', 
    nonSelectedText: 'None selected', 
    buttonText: function(options, select) { 
     var numberOfOptions = $(this).children('option').length; 
     if (options.length === 0) { 
     return nonSelectedText + ' <b class="caret"></b>'; 
     } 
     else{ 
      if (options.length > numberDisplayed) { 
       if(options.length === numberOfOptions){ 
        return ' All Selected' + ' <b class="caret"></b>'; 
       } 
       return options.length + ' ' + nSelectedText + ' <b class="caret"></b>'; 
      }else { 
       var selected = ''; 
       options.each(function() { 
        var label = ($(this).attr('label') !== undefined) ? 
                 $(this).attr('label'):$(this).html(); 
        selected += label + ', '; 
       }); 
       return selected.substr(0, selected.length - 2) + ' <b class="caret"></b>'; 
      } 
     } 
    } 
}); 

एचटीएमएल

<select multiple="multiple" id="level"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

यह मेरे लिए काम करता है। मज़े करो!

Answer 4

init obj विकल्पों का उपयोग करें।

$("#services").multiselect({ 
    nonSelectedText:'Services' 
}); 

यह विकल्प मेरे लिए काम करता है।

Answer 5

उपयोग डेटा-प्लेसहोल्डर

<select data-placeholder="Month"> 

मेरे लिए यह काम करते हैं।

Answer 6

फिलिप का जवाब मेरे लिए काम करता था, लेकिन इसे थोड़ा और पूरा करने के लिए, इसे दस्तावेज़ तैयार करने के लिए बुलाया जाना चाहिए। इसलिए मेरे लिए समाधान, एकाधिक सूचियों सेट करने सहित था:

$(document).ready(function() { 
    $("#bedrooms").multiselect({ 
     nonSelectedText:'Bedrooms' 
    }); 
    $("#bathrooms").multiselect({ 
     nonSelectedText:'Bathrooms' 
    }); 
    $("#garages").multiselect({ 
     nonSelectedText:'Garages' 
    }); 
    $("#livingareas").multiselect({ 
     nonSelectedText:'Living Areas' 
    }); 
}); 

Answer 7

official documentation के बाद:

allSelectedText पाठ करता है, तो सभी विकल्प नहीं चुनते हैं दिखाया गया है। आप इसे गलत पर सेट करके allSelectedText प्रदर्शित कर अक्षम कर सकते हैं।

उपयोग विकल्प

{ 
... 
allSelectedText: false, 
... 
}