• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 478
  • Last Modified:

set default value in multivalue combo

Hi,

I want to display multicolumn combo box in the html file for which i am using jquery.multicolselect.js.

The problem i am facing is i want to set the default value (can be any of the given below) to be displayed in the mulitcombo.

Thanks in advance.

Source code of the jsp file is given below


<!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>Insert title here</title>
<script type="text/javascript"
      src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript"
      src="${pageContext.request.contextPath}/resources/js/multiselectcombo/jquery.multicolselect.js"></script>
</script>
</head>
<script language="javascript" type="text/javascript">
      jQuery(document)
                  .ready(
                              function() {
                                    $("#datatable")
                                                .multicolselect(
                                                            {
                                                                  buttonImage : "${pageContext.request.contextPath}/resources/images/selectbutton.gif",
                                                                  valueCol : 1,
                                                                  hideCol : 0
                                                            });

                              });
</script>
<body>
      <form>
            <div>
                  <!-- Controlling the multicombo value  scroll,height,width -->
                  <div id="datatable"
                        style="overflow-y: auto; overflow-x: auto; height: 80px; width: 850px">

                        <%%>
                        <table border="1" cellspacing="0" width="100%">
                              <tr>
                                    <td>1</td>
                                    <td>1</td>
                                    <td>A1</td>
                              </tr>
                              <tr>
                                    <td>2</td>
                                    <td>2</td>
                                    <td>A2</td>
                              </tr>
                              <tr>
                                    <td>3</td>
                                    <td>3</td>
                                    <td>A3</td>
                              </tr>

                        </table>

                  </div>

            </div>


      </form>
</body>
</html>
jquery.multicolselect.js
0
Rocking
Asked:
Rocking
  • 4
  • 3
  • 2
  • +1
1 Solution
 
Michel PlungjanIT ExpertCommented:
Do you have a link to the documentation of that select?
0
 
Sathish David Kumar NArchitectCommented:
your not even mention that select box in your html code
0
 
Michel PlungjanIT ExpertCommented:
It's a widget
0
Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

 
RockingAuthor Commented:
Do you have a link to the documentation of that select?

http://code.google.com/p/jquerymulticolumnselectbox/
0
 
leakim971PluritechnicianCommented:
Use : $("#datatable").find("tr:eq(1)").click();
Or : $("#datatable").find("tr:contains('A1')").click(); // not good if you've more than one row with A1
Or : $("#datatable").find("tr").filter(function() { $(this).find("td:eq(2)") == "A1" }).click(); // good if you've more than one row with A1, we use the third (index 2) cell

Test page : http://jsfiddle.net/WLqDC/2/
0
 
Michel PlungjanIT ExpertCommented:
Post a request here
http://multicolselect.blogspot.nl/
and the author might just create a command for it
0
 
RockingAuthor Commented:
@leakim971

I tried with the below code but not able to set the default value in the multi select combo box

 $("#datatable").find("tr:eq(1)").click();

By default i want the first record to be displayed in the multi combo box?
0
 
leakim971PluritechnicianCommented:
post a link to your page.
It work fine in the jsfiddle
0
 
Michel PlungjanIT ExpertCommented:
remove the space between e and q


$("#datatable").find("tr:eq(1)").click();

Open in new window

0
 
RockingAuthor Commented:
It's (Default value is set)  working now.

There is one problem that if we click on the browser or any other text box on the html page  the div (datatable) remains open.It closes only when clicked in the table.


Since i am making mulitselect combo,if u can provide some help on the above also as how to close if user click on anywhere on the screen i.e functionality like a select box in html
Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

  • 4
  • 3
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now