एकाधिक चुनें लटकती

Question

मैं MVC4 परियोजना जहां मैं एक बहु चयन लटकती

@Html.DropDownList("year_selected", (SelectList)(ViewData["YearSelected"]), new { tabindex = "14", multiple = "multiple", style = "width:150px;height:200px;" }) 

इसके साल की सूची के साथ आबादी है मैं नियंत्रक में उल्लेख किया है

int minYear =Int32.Parse(Helper.MinYear); 
int maxYear = Int32.Parse(Helper.MaxYear); 
var yearSelectedList = new List<SelectListItem>(); 
for (int count = minYear; count <= maxYear; count++) 
{ 
    yearSelectedList.Add(new SelectListItem() 
    { 
     Text = count.ToString(), 
     Value = count.ToString() 
     }); 
    } 
    var yearselectlist = new SelectList(yearSelectedList, "Value", "Text"); 
    ViewData["YearSelected"] = yearselectlist; 

और पर पर काम कर रहा हूँ ड्रॉपडाउन क्लिक मैं jquery को उस विशेष मान का चयन करने के लिए बुला रहा हूं और जब पेज लोड हो जाता है तो मैं उन्हें डिफ़ॉल्ट रूप से चुनकर डेटाबेस में सहेजे गए मानों की जांच कर रहा हूं

यहां jquery कोड है मान जो डेटाबेस

if (str_year_selected.val() != "") { 
    var yeararray = str_year_selected.val().split(","); 
    for (var i in yeararray) { 
     var val = yeararray[i]; 
     year_selected.find('option:[value=' + val + ']').attr('selected', 1); 
    } 
} 

में सहेजा जाता है का चयन किया और यहाँ के लिए कोड मैं मान का चयन करने के लिए जब उपयोगकर्ता क्लिक करता है या लटकती पर प्रेस Ctrl कुंजी को महत्व देता

year_selected.change(function() { 
    var selectedyears = ""; 
    $("#year_selected :selected").each(function (i) { 
     if (i != 0) { 
      selectedyears += ","; 
     } 
     selectedyears += $(this).text(); 
    }); 
    str_year_selected.val(selectedyears); 
}); 

सब कुछ सही काम कर रहा है का उपयोग कर रहा है। लेकिन अब समस्या यह है कि उपयोगकर्ता ड्रॉपडाउन के अंदर चेकबॉक्स चाहता है ताकि विकल्प को चेक कर सकें।

मैं यह कैसे कर सकता हूं?

Answer 1

उपयोगकर्ता ड्रॉपडाउन के अंदर चेकबॉक्स चाहता है ताकि विकल्प जांच सके।

Dropdown Check List नामक एक शानदार JQuery प्लगइन है जो एक नियमित चयन HTML तत्व को ड्रॉपडाउन चेकबॉक्स सूची में बदल देता है।

Download

Answer 2

बल्कि लटकती का उपयोग कर आप सीएसएस के साथ div में चेकबॉक्स का उपयोग कर सकते है। यह चेकबॉक्स के साथ एक ड्रॉपडाउन सूची की तरह गिर जाएगी।

यहाँ jQuery

http://www.erichynds.com/blog/jquery-ui-multiselect-widget

Answer 3

इस लिंक के साथ dropdownlist में, मैं उम्मीद है कि इस लिंक अपने प्रश्न के लिए सबसे उपयुक्त है चेक बॉक्स है की अच्छी कड़ी है। http://wenzhixin.net.cn/p/multiple-select/#setselects-getselects

Answer 4

इस ट्यूटोरियल MVC में चेक बॉक्स के साथ एकाधिक चयन करें लटकती बनाने के लिए Multiselect dropdown with checkboxes in MVC

आपके पास टैग का चयन की आवश्यकता है

<select id="CustomerId" name="CopyFromCustomerId"></select> 

या आप उपयोग कर सकते Html.ListBoxFor

आप की जरूरत है दर-चरण मार्गदर्शिका चरण पूरा करते चलता निम्नलिखित स्क्रिप्ट

$('#CustomerId').multiselect({ 
      includeSelectAllOption: true 
     }); 

और सीएसएस और स्क्रिप्ट नीचे फ़ाइलें

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" /> 
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>  
<script type="text/javascript" src="http://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script> 
<link rel="stylesheet" href="http://davidstutz.github.io/bootstrap-multiselect/dist/css/bootstrap-multiselect.css" type="text/css"/>