looks very simple,but not able to fix the problem

sriducati · 12-15-2011, 05:12 AM

hello people,
iam using the jquery code to display DropdownTab in 3 columns ... now i need to use the same dropdown menu in user<input> form... so that user should be able to select any one of the options from <option>s list ,code looks very simple but it does not work when i used <select> tag...after using selct tag it it works like normal dropdown{one column} ...code is given below...
....alternateve to this one ...
IN place of "kothi" can we use text box when user clicks on anyone of the options "value of the perticular option" should b entered in "text box" ...your response will be appreciated...

Code:

<html>
<head>
<link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
<!--[if IE 6]>
<style>
body {behavior: url("csshover3.htc");}
#menu li .drop {background:url("img/drop.gif") no-repeat right 8px; 
</style>
<![endif]-->
</head>
<body>



<ul id="menu">
<li class="menu_right"><a href="action.php" class="drop">kothi</a>
    
      <div class="dropdown_3columns align_right"><!-- Begin 3 columns container -->
            <div class="col_3">
          </div>
<div class="col_1">
             <ul class="greybox">
             <option value="car1">cars</option>
        </ul>   
        </div>
		
<div class="col_1">
    
              <ul class="greybox">
			  <option value="guy1">guys</option>
              </ul>   
        </div>
<div class="col_1">
    
              <ul class="greybox">
			  <option value="baby1">babes</option>
			  
			 </ul>   
        </div>
      </div>
  </li>
</ul>

</body>
</html>

DanInMa · 12-15-2011, 05:50 AM

Im not sure I understand. You dont have any jquery code listed, and you have an option element but no select element or anything. if you are trying to use some kind f plugin, I would start by including the jquery framework and the plugin.....

sriducati · 12-15-2011, 10:22 AM

Thanks alot for your response guys.... anyways i will explain to you once again...the above code gives an output like this as shown in an image

as you can see in an image "kothi" is dropdown Tab name "cars" ' "guys" and "babes" are the drop down options...the code is desghned in such a way where kothi acts dropdown tab and 'cars' 'guys' and 'babes' are the links associted with that...and it works fine...
WELL now I WANT to IMPLEMENT THIS IN MY USER INPUT FORM WHERE "KOTHI" WILL BE NAME OF THE TEXT BOX, 'CARS' 'GUYS' AND 'BABES' ACTS AS OPTIONS WHERE USERS WILL BE ABLE TO SELECT ANY OF THESE OPTIONS ,I MEAN IT SHOULD WORK JUST LIKE NORMAL DROP DOWN BOX BUT THE STYLE SHOULD BE THREE COLUMNS....OUTPUT OF THE CODE SHOULD LOOK LIKE THIS..

WHERE WE HAVE REPLACED KOTHI WITH A TEXT BOX SO WHEN USER CLICKS ON THE "ARROW" NEXT TO TEXT BOX HE GETS OPTIONS 'CARS' 'GUYS' AND' BABES' AND TEXT BOX WILL BE FILLED WITH A VALUE OF ANY OF THESE OPTIONS AFTER HE SELECTS ANY THESE OPTIONS.... hop[e you got it???