How to use Multi-Select Dropdown List in html select input using Jquery in JSP page with limited selections ?

Below Code Snippet shows Selecting Multiple Values

 $(document).ready(function() {
        
     $("#multiselect").dropdownchecklist( {
onItemClick: function(checkbox, selector){
 var justChecked = checkbox.prop("checked");
 var checkCount = (justChecked) ? 1 : -1;
 for( i = 0; i < selector.options.length; i++ ){
  if ( selector.options[i].selected ) checkCount += 1;
 }
    if ( checkCount > 3 ) {
  alert( "Limit is 3 fruits to choose" );
  throw "too many";
 }
},width: 250 
            });    
    });

Below code index.jsp page with jquery javascript, css, Ui, codes are imported

 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Multiple Select Example Jquery</title>
<link rel="stylesheet" type="text/css" href="smoothness-1.8.13/jquery-ui-1.8.13.custom.css">
<link rel="stylesheet" type="text/css" href="src/ui.dropdownchecklist.themeroller.css">
 <script type="text/javascript" src="jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="jquery-ui-1.8.13.custom.min.js"></script>
    
    <!-- Include the DropDownCheckList supoprt -->
    <script type="text/javascript" src="src/ui.dropdownchecklist.js"></script>

</head>
<body>
    <script type="text/javascript">
    $(document).ready(function() {
        
     $("#multiselect").dropdownchecklist( {
onItemClick: function(checkbox, selector){
 var justChecked = checkbox.prop("checked");
 var checkCount = (justChecked) ? 1 : -1;
 for( i = 0; i < selector.options.length; i++ ){
  if ( selector.options[i].selected ) checkCount += 1;
 }
    if ( checkCount > 3 ) {
  alert( "Limit is 3 fruits to choose" );
  throw "too many";
 }
},width: 250 
            });    
    });
            </script>
Select Fruits <select id="multiselect" class="multiselect" multiple>
             <option value='a'>Apple</option>
             <option value='b'>Mango</option>
             <option value='c'>Orange</option>
             <option value='d'>Strawberry</option>
             <option value='e'>Banana</option>
         </select>


</body>
</html>

Output Page:

"How to maintain or retain tabs in same tab after button click events or postback?" using JQuery in ASP.NET C#

In this post I'll share an details about " How to maintain or retain tabs in same tab after button click events or postback? " Step 1: you need to download Jquery and JQueryUI Javascript libraries from this site http://jqueryui.com/ Step 2: As usually you can create ASP.NET website from Visual Studio IDE and add Jquery and JqueryUI plugins in the header section of aspx page. Step 3: Add HiddenField control inside aspx page which is very useful to retain tab in same page Step 4: Use the HiddenField ID in Jquery code to indicate that CurrentTab Index Step 5: In code Behind, using Enumerations concept give the tab index values as user defined variable Step 6: Use the Enum values in every Button click events on different tabs to check that tab could be retained in the same tab Further, Here I'll give the code details and snap shot pictures, 1. Default.aspx: Design Page First Second Third ...

Guidewire Related Interview Question and answers part 1

common Guidewire questions and answers 20 Guidewire BC Q&A Top 100 Guidewire Interview FAQ Guidewire Claimcenter 20 Interview Questions Guidewire Rating concepts

Login and Registration forms in C# windows application with Back end Microsoft SQL Server for data access

In this article, I'm gonna share about how to make login and register form with MS SQL database; 1. Flow Chart Logic 2. Normal Features 3. Form Designs Login Form Design Sign in Form Design Password Retrieve Form 4. Database Design and SQL queries and Stored Procedure Create new Database as "schooldata" create table registerdata ( ID int identity, Username nvarchar(100), Password nvarchar(100), Fullname nvarchar(100), MobileNO nvarchar(100), EmailID nvarchar(100) ) select * from registerdata create procedure regis ( @Username as nvarchar(100), @Password as nvarchar(100), @Fullname as nvarchar(100), @MobileNO as nvarchar(100), @EmailID as nvarchar(100) ) as begin insert into registerdata (Username, Password, Fullname, MobileNO,EmailID) values (@Username, @Password, @Fullname, @MobileNO, @EmailID) ...

UnknownSunday, 26 January 2014 at 20:43:00 GMT+5:30
Lovely ....helpful
Kumaran KanniappanSunday, 26 January 2014 at 20:49:00 GMT+5:30
@Chandaneswar Sengupta Thank u Dude Working out a lot :-) and adding those workout sample projects are uploaded in github so check out my github repo too!!! here --> https://github.com/kumaran1987/ check out my sample projects

Kumaran1987

Search This Blog