JQuery or Alternative Method to Sort Drop Down Menu

Hi All,
I've developed a form using SharePoint Designer 2010. (We cannot use InfoPath due to licensing issues).
I have used SPServices for cascading functionality for my drop down menus. This works great.
One of my drop down menus is set up to pick up its data from another list. This is my data source. The data source list has the correct order for how I want the dropdown menu to pick up data however the dropdown menu does not pick up the data in this
order.
Is there a simple jQuery or something simple that I can implement to allow me to either sort the dropdown menu Alphabetically or pick up the data source in the order that is displayed.
Regards
Sanjay

Hi,
According to your post, my understanding is that you want to sort Drop Down Menu Alphabetically.
You can use JQuery or SPServices to achieve it.
More information:
Sorting drop-down list with JQuery
Cascading Drop Down Multiple Levels
Using SPFilterDropdown to Reorder Options in a Dropdown on a SharePoint Form
Best Regards,
Linda Li
Linda Li
TechNet Community Support

Similar Messages

Unable to password protect file to email using Acrobat XI whether saving excel PDF or scanning document and then trying. Security Method has no drop down menu to change None.

I cant get password to work on Acrobat XI. Can not get a drop down menu to appear to change security method from None.

Make sure that you use Adobe Acrobat, not Adobe Reader.

I want to name individual photos in the album but I am unable to select view sort in the drop down menu How can I overcome this?

I want to name individual photos in the album but I am unable to select view>sort in the drop down menu How can I overcome this?

Great to hear, but what was the solution?

How to create a sort of drop down menu at mouse location please?

Hello,
I would like to create a sort of drop down menu. When the user right clicks, I would like to create something similar as if you right click in your browser, or right click in this forum text box area (you get "undo", "copy", "paste".. that appears right next to the mouse).
What Swing class would you use for that please?
Thank you very much.

Use a JPopupMenu
You will need to add a MouseListener that shows it to the component you want to display it on.

Sort values in numeric order in drop down menu

Is there anyway to sort the values in numeric order-asending for the drop down menu of a particular field.
Any ideas?
G

Add a property 'SORTED' and Boolean = true in BPE.
G

Form2mail how do I set up the form to sent to a recipient selected from a drop-down menu?

I am trying to configure dreamweaver form2mail to be able to send the information submitted to individual employees. I would like the form to be set up where as you choose the recipient form a drop down menu and the only that recipient would receive the information collected on the form. I can't seem to find any information on this. I can only find info on sending to multiple recipients at the same time. I only want the recipient that is selected to receive the form information.
Alternatively, can anyone recommend a low cost or FREE form to mail system.
Thanks in advance for your assistance!

Jim, That is exactly what I need. I'm using Form2Mail the Dreamweaver extension for Adobe Dreamweaver. It only gives me the option to send to one email address or cc to multiple not individual sends.
Here is the html
<form action="/HDWForm2Mail/Form2Mail.php" method="post" enctype="multipart/form-data" name="form1" id="form1" accept-charset="iso-8859-1">
        <p>
          <label for="message"></label>
          <textarea name="message2" id="message" cols="50" rows="5"></textarea>
        </p>
        <table width="429">
          <tr>
            <td><strong>Recipient:</strong></td>
            <td><label for="recipient"></label>
              <select name="recipient" id="recipient">
                <option value="[email protected]">Mr. Person 1</option>
                <option value="[email protected]">Mr. Person 2</option>
                <option value="[email protected]">Mr. Person 3</option>
              </select></td>
          </tr>
          <tr>
            <td><strong>Your Email Address:</strong></td>
            <td><label for="email"></label>
              <input type="text" name="email" id="email" /></td>
          </tr>
          <tr>
            <td><strong>Attachment:</strong></td>
            <td><label for="file"></label>
              <input type="file" name="file" id="file" /></td>
          </tr>
          <tr>
            <td colspan="2"><strong>To Submit your email, click the SEND button:
              <input name="send" type="submit" id="send" onclick="MM_validateForm('email','','RisEmail','message','','R');return document.MM_returnValue" value="Send" />
            </strong></td>
          </tr>
        </table>
        <input type="hidden" name="hdwemail" id="hdwemail" value="lisa+email.com" />
        <input type="hidden" name="hdwok" id="hdwok" value="http://ricochec.com/thank-you.html" />
        <input type="hidden" name="hdwnook" id="hdwnook" value="http://ricoche.com/error.html" />
      </form>

Drop down Menu from UNDER a banner?

Here is an image of what I'm trying to create in Adobe Muse. I want the pictured drop down menu to appear to come from beneath the banner menu when you hover over the word "Accommodations".
I got a response from a staff member that said this was possible using the "Tooltip Widget" and using a trigger on top of the banner. When I tried using this widget it was impossible to put the target and the tooltip trigger on different layers, or at least it was impossible for me to figure out how.
Thus, the trigger for the dropdown had to be under the banner (and thus UNCLICKABLE) in order for the drop down to appear to be under the banner.
Can someone please clarify whether or not this is possible using this program? Here is a link to the original discussion... http://forums.adobe.com/thread/1247488

Hmmmm.... you may have to look at an alternative method to execute this concept. Take a look at Edge Animate Not only can you creat this type of menu, but you will also have a more dynamic and vibrant menu

Mouse hover drop down menu not shown

recently (about few months ago), i found the profile drop down menu on www.zhihu.com no longer works. i also noticed that other mouse over funtions are disabled too.
oddly, the problem only seems to appear on firefox on my laptop.
other browsers on this computer(ie, chrome) or firefox on my other desktop computer works completely fine. so i don't think it's a website-related issue.
methods tried but didn't help:
turning off hardware accelaeration.
clear cookies.
safe mode.
reset firefox.
migrating profiles and firefox program files from desktop computer to laptop.
completely reinstall firefox.
any idea?
and sorry for my poor english expression, it is a second language and i'm not very good at it :-)

This could be related to your new hardware.
In order to be "mobile friendly" some websites may change menu behavior for devices with a touchscreen.
Does your laptop have a touchscreen?
To disable Firefox from telling websites that you have a touchscreen, you can make a change to a hidden setting.
(1) In a new tab, type or paste '''about:config''' in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box above the list, type or paste '''touch''' and pause while the list is filtered
(3) Double-click the '''dom.w3c_touch_events.enabled''' preference and change the value to 0 (that's a zero) and click OK. Here are the options for this setting:
* 0 = disabled
* 1 = enabled
* 2 = auto-detect (default)
To see whether the site behaves differently, you may need to clear cache and cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
Alternately, you also can clear Firefox's cache completely using:
orange Firefox button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, try either:
* right-click and choose View Page Info > Security > "View Cookies"
* Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"
In the dialog that opens, you can remove the site's cookies individually.
Then try reloading the page. Does hover work normally again?
A user with an HP all-in-one was not successful with a setting change, and reported that the only way he found to end the problem was to turn off the touch capability in the Windows Device Manager ([https://support.mozilla.org/questions/971084?page=2#answer-522974 post 522974]). I hope that is not necessary in your case.

Apple drop down menu not appearing.....

Recently had to do a complete restore from my back up to my mac mini.
Seems to have sorted out most of the problems I was having (but not all).
However the Apple Symbol drop down Menu in the Menu bar turns blue when clicked on, but no sub menu appears.
Very inconvenient.
I'd be grateful for any thoughts on a solution to this.
And while I'm on the subject of weird things that the restore has produced......
I use iWeb to create a number of websites but now, after the restore, the icon in the dock is grey and when I try to open it I get a message that says
You can't open the application iWeb because it may be damaged or incomplete.
Any suggestions or possible solutions gratefully received.
Thanks
Gordon

On Tue, 28 Nov 2006 11:38:59 +0000 (UTC), "Kamesh192"
<[email protected]> wrote:
> <form action="<?php print
$_SERVER['PHP_SELF'];?>" method="get">
> <label for="menu"></label>
>
> <select name="ID" class="dropdown" id="menu"
onchange="this.form.submit()">
> <noscript><input type="submit" value="Go"
/></noscript>
> <option value="" selected="selected">Jump To
Another Project</option>
> <?php
> do {
> ?>
> <option value="<?php echo
$row_rsOtherDevs['devID']?>"><?php echo
>$row_rsOtherDevs['title']?></option>
> <?php
> } while ($row_rsOtherDevs =
mysql_fetch_assoc($rsOtherDevs));
> $rows = mysql_num_rows($rsOtherDevs);
> if($rows > 0) {
> mysql_data_seek($rsOtherDevs, 0);
> $row_rsOtherDevs = mysql_fetch_assoc($rsOtherDevs);
> }
> ?>
>
> </select>
> </form>
Change the above to:
<form action="<?php print $_SERVER['PHP_SELF'];?>"
method="get">
<select name="ID" class="dropdown" id="menu"
onchange="this.form.submit()">
<option value="" selected="selected">Jump To Another
Project</option>
<?php
do {
?>
<option value="<?php echo
$row_rsOtherDevs['devID']?>"><?php echo
$row_rsOtherDevs['title']?></option>
<?php
} while ($row_rsOtherDevs =
mysql_fetch_assoc($rsOtherDevs));
$rows = mysql_num_rows($rsOtherDevs);
if($rows > 0) {
mysql_data_seek($rsOtherDevs, 0);
$row_rsOtherDevs = mysql_fetch_assoc($rsOtherDevs);
?>
</select>
<noscript><input type="submit" value="Go"
/></noscript>
</form>
Gary

Drop Down Menu Problems

Hello all
I have a webpage with a separate Css. File, I am trying to use a basic drop down menu but struggling!
I have used one these free menu generators which looks exactly how I want, it them gives me a code in HTML & CSS and I down know where I copy and paste it into!, I have tried several times but fails to work.
can anyone help me?

Hello
sorry I thought I attached it. please see below...
its from where it says homepage (in bold)
HTML PAGE CODE:
<head>
<meta name="description" content="Ultra Finish have over 10 years experience in Valeting & Detailing based in Milton Keynes, Buckinghamshire." />
<meta name="keywords" content="Ultra, Finish, UltraFinish, UltraFinish.co.uk, Valet, Valeting, Detail, Detailing, Milton Keynes, Cars, Car, Van, Vans, Vehicles" />
<title>Ultra Finish Valeting & Detailing Services</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="slogan">
    <h2 align="center"><span class="style26 style3"> Based in Milton Keynes, Buckinghamshire<br />
    </span><span class="style29 style21">Tel: 07511 567 320</span></h2>
    <h2 align="center"><span class="style29 style3">Email Us: <a href="mailto: [email protected]">Contact @UltraFinish.co.uk</a></span><span class="style3"><br />
        <a href="https://www.facebook.com/UltraFinishCarValetingandDetailingServices"><img src="images/FacebookLogo.gif" alt="Our Facebook Page" width="105" height="35" border="0" longdesc="https://www.facebook.com/UltraFinishCarValetingandDetailingServices" /></a><br />
    </span></h2>
    <h2><span class="style3"><br />
    </span></h2>
</div>
</div>
<div id="menu">
<ul class="style16">
   <li class="first current_page_item">
     <div align="center"><a href="index.html">Homepage</a></div>
   </li>
       <li></li>
    </ul>
</div>
<div id="splashIndex">
<div align="center">
    <p><span class="style33">Our Website Is Currently Undergoing Maintenance<br />
      Business Is Open As Usual! <br />
    </span><span class="style38"><span class="style61">Ultra Finish have over 10 years experience in Valeting & Detailing,<br />
      using some of the best methods and products on the market to date
      so we always guarantee
      a good quality finish,
      every ounce of care is taken on every vehicle whether it be a
      Renault Clio or a Lamborghini Gallardo,<br />
      all cars are treated as
      if they were our own and in most cases spending anything from 4-5+ hours for a complete valet.<br />
      <br />
      Here at Ultra Finish we aim to exceed expectations and standards of every customer<br />
      with more than just a sponge and a little bit of car shampoo.</span></span></p>
    <p class="style42">Ultra Finish know that a product that works well on one car may not work well on another<br />
      by using a variety of different products, brands and methods we always aim to give best results and give<br />
      you for reflection that your car deserves!</p>
    <p align="center" class="style20 style21"><span class="style13"><strong>For Any Quotes Or Other Information Please Call</strong> <br />
        <strong>Stuart Chambers - 07511 567 320</strong></span><span class="style52"><br />
        <span class="style60">Alternatively Visit Our Facebook Page Below</span></span><span class="style51"><br />
        <strong><a href="https://www.facebook.com/UltraFinishCarValetingandDetailingServices">Ultra Finish Valeting & Detailing Services</a></strong></span><span class="style3"><br />
      </span></p>
    </div>
</div>
<div id="page-bottom">
<div id="apDiv1">
    <div align="center">Copyright (c) 2015 All rights reserved</div>
</div>
</div>
</div>
</body>
</html>
CSS CODE:
margin: 0;
padding: 0;
a {
text-decoration: underline;
color: #0F8C8C;
a:hover {
text-decoration: none;
body {
font-size: 11.5pt;
color: #5C5B5B;
line-height: 1.75em;
background: #E0DCDC url(images/img01.gif) repeat-x top left;
body,input {
font-family: Georgia, serif;
strong {
color: #2C2B2B;
br.clearfix {
clear: both;
h1,h2,h3,h4 {
font-weight: normal;
letter-spacing: -1px;
h2 {
font-size: 2.25em;
h2,h3,h4 {
color: #2C2B2B;
margin-bottom: 1em;
h3 {
font-size: 1.75em;
h4 {
font-size: 1.5em;
img.alignleft {
margin: 5px 20px 20px 0;
float: left;
img.aligntop {
margin: 5px 0 20px 0;
img.pic {
padding: 5px;
border: solid 1px #D4D4D4;
p {
margin-bottom: 1.5em;
ul {
margin-bottom: 1.5em;
ul h4 {
margin-bottom: 0.35em;
.box {
overflow: hidden;
margin-bottom: 1em;
.date {
background: #6E6E6E;
padding: 5px 6px 5px 6px;
margin: 0 6px 0 0;
color: #FFFFFF;
font-size: 0.8em;
border-radius: 2px;
#content {
width: 665px;
float: left;
padding: 0;
#content-box1 {
width: 320px;
float: left;
#content-box2 {
margin: 0 0 0 345px;
width: 320px;
#footer {
margin: 40px 0 120px 0;
text-align: center;
color: #8C8B8B;
#footer a {
color: #8C8B8B;
#header {
height: 60px;
position: relative;
background: #6E6E6E url(images/img03.jpg) top left no-repeat;
padding: 45px;
color: #FFFFFF;
width: 888px;
border: solid 1px #7E7E7E;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
background-image: url(images/Banner.jpg);
#logo {
line-height: 160px;
height: 162px;
padding: 5px 0 0 0;
position: absolute;
top: 0px;
left: 4px;
width: 527px;
#logo a {
text-decoration: none;
color: #FFFFFF;
text-shadow: 0 1px 1px #3E3E3E;
#logo h1 {
font-size: 3.25em;
#Menu2 {
line-height: 16px;
height: 15px;
padding: 5px 0 0 0;
position: absolute;
right: 1162px;
top: 83px;
z-index:1;
#slogan {
line-height: normal;
height: 147px;
padding: 5px 0 0 0;
position: absolute;
right: 253px;
top: 2px;
width: 420px;
#slogan h2 {
color: #BEBEBE;
font-size: 1.25em;
text-shadow: 0 1px 1px #3E3E3E;
#menu {
position: relative;
margin: 0;
height: 30px;
line-height: 30px;
width: auto;
border-top: solid 1px #5AD7D7;
text-shadow: 0 1px 1px #007D7D;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 25px;
background-color: #FFFFFF;
background-image: url(images/img02.gif);
background-repeat: repeat-x;
background-position: center;
#menuBodyworkServices {
position: relative;
margin: 0;
height: 60px;
line-height: 60px;
width: auto;
border-top: solid 1px #5AD7D7;
text-shadow: 0 1px 1px #007D7D;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 25px;
background-color: #FFFFFF;
background-image: url(images/img02.gif);
background-repeat: repeat-x;
background-position: left top;
#menu a {
text-decoration: none;
color: #FFFFFF;
font-size: 1.20em;
letter-spacing: -1px;
#menu ul {
list-style: none;
#menu ul li {
padding: 0 20px 0 20px;
display: inline;
#menu ul li.first {
padding-left: 0;
#page {
padding: 45px 45px 15px 45px;
position: relative;
width: 890px;
margin: 0;
#page .section-list {
list-style: none;
padding-left: 0;
#page .section-list li {
clear: both;
padding: 30px 0 30px 0;
#page ul {
list-style: none;
#page ul li {
border-top: solid 1px #D4D4D4;
padding: 15px 0 15px 0;
#page ul li.first {
padding-top: 0;
border-top: 0;
#page-bottom {
position: relative;
margin: 0;
background: #6E6E6E url(images/img03.jpg) top left no-repeat;
border: solid 1px #7E7E7E;
width: 888px;
padding: 45px 45px 0 45px;
color: #DCDCDC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-image: url(images/img04.jpg);
height: 5px;
background-color: #000000;
#page-bottom a {
color: #F5F5F5;
#page-bottom h2, #page-bottom h3, #page-bottom h4 {
color: #FFFFFF;
#page-bottom ul {
list-style: none;
#page-bottom ul li {
border-top: solid 1px #8F8F8F;
padding: 15px 0 15px 0;
#page-bottom ul li.first {
padding-top: 0;
border-top: 0;
#page-bottom-content {
width: 665px;
float: left;
#page-bottom-sidebar {
width: 200px;
margin: 0 0 0 690px;
#search input.form-submit {
margin-left: 1em;
color: #FFFFFF;
padding: 10px;
background: #2FACAC;
border: 0;
#search input.form-text {
border: solid 1px #8F8F8F;
padding: 10px;
#sidebar {
width: 200px;
padding: 0;
margin: 0 0 0 690px;
#splashIndex {
margin: 0;
height: 540px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo Index-1.jpg);
background-image: url(images/Photo%20Index-1.jpg);
padding-top: 5px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashWheelRefurb {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo WheelRefub-1.jpg);
background-image: url(images/Photo%20WheelRefub-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashBodyworkServices {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo BodyworkServices-1.jpg);
background-image: url(images/Photo%20BodyworkServices-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashAirRideHydro {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo AirRideHydro-1.jpg);
background-image: url(images/Photo%20AirRideHydro-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashCarAudio {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo CarAudio-1.jpg);
background-image: url(images/Photo%20CarAudio-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashTestimonials {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo Testimonials-1.jpg);
background-image: url(images/Photo%20Testimonials-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashBodyworkDamage {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo BodyworkDamage-1.jpg);
background-image: url(images/Photo%20BodyworkDamage-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashFullRestore {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo FullRestore-1.jpg);
background-image: url(images/Photo%20FullRestore-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splashBodyworkCustom {
margin: 0;
height: 500px;
position: relative;
width: 890px;
background-color: #FFFFFF;
background-image: url(images/Photo BodyworkCustom-1.jpg);
background-image: url(images/Photo%20BodyworkCustom-1.jpg);
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#PictureGallery {
margin: 0;
height: 1125px;
position: relative;
width: 890px;
background-color: #C0C0C0;
padding-top: 45px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
#splash .pic {
padding: 9px;
#wrapper {
position: relative;
width: 980px;
margin: 15px auto 0 auto;
background: #FFFFFF;
height: 0;

Drop down menu and null pointer exception

I am trying to build a drop down menu that gives you options on sorting a list (eg. it sorts on the Title) . The drop down must show which sort option has been selected after the sort occurs.
I keep getting a "java.lang.NullPointerException". I realize this error arises from not assigning a variable to a specific object in java. I'm a .net developer who got thrown into customixing a java application and I just don't see the error. The error message didn't say on which line this occured but it is in the posted code.
It worked for a while and now i gives me this error.
Can someone help me please!?!?
<%String     strCheck = new String("");%>                     </td>
                <form action="ChangeSorting.jsp?recordView=<jsp:getProperty name='CumulusBean' property='recordView'/>" id="changeSortingForm" target="invisibleFrame" method="POST">
                     <td>
               <select name="uid" size="1" onChange="document.getElementById('changeSortingForm').submit();">
               <%if (session.getAttribute( "theUid" ).equals ("{1e58eab1-f625-4d6b-be82-ef0ea493cb7a}")) {
               strCheck = ("selected");
                }%>
          <option value="{1e58eab1-f625-4d6b-be82-ef0ea493cb7a}"<%=strCheck%> >
            Title          </option>
</form>     Thanks,
Luis

This is not JSF ..
Anyway, it looks like that the following code returns nullsession.getAttribute( "theUid" )and invoking the equals() on it thus causes a NullPointerException.
So check if this attribute really exists in the session and add a nullpointer check to the code. For example:if (session.getAttribute("theUid") != null && session.getAttribute("theUid").equals("blah")) { }

Seeking: Drop Down Menu Tutorial for DreamWeaver CC (Pure CSS)

Hey all.
I'm relatively new to Dreamweaver, and web design in general. I took on a project to create a small-business website for my buddy.
I'll start by saying that I've googled, and have found several copy / paste solutions, as well as several plugin-style solutions. For various reasons, I'm not interested in other methods of creating a menu (jQuery). Project 7, before you post (like you seem to do in EVERY thread I've read about this topic...), I may purchase your tool later, but I want to learn the process first.
I'd like to know if anyone knows of a video or a walkthrough of how to create a CSS-only drop down menu for DreamWeaver CC. An in-depth tutorial will help me better understand CSS and HTML in general, as well as help me navigate the changes in DreamWeaver (namely, the CSS designer).
Any ideas?

http://www.w3schools.com/css/css_navbar.asp
http://cssmenumaker.com/blog/tutorials
http://www.siteground.com/tutorials/menu/css.htm
http://ntt.cc/2010/11/24/30-pure-css-menu-tutorials-for-web-developers.html
Try one of these sites, should have what your are looking for.

Populate a table field from selection made from drop down menu

Hello all,
I'm having a bit of head scratching problem that i just can't get my head around. I'm using Dreamweaver CS4
and phpmyadmin for my site.
I have a form that inputs a record into a table in my database.
The form is a user picking a fantasy sports team. A user selects a player from a drop down menu.
The players name is got from a recordset that accesses the player database, with the values coming
from the id field and the values from the name, so a user selects a player by there name and not
there unique id value. The code for this is as follows:
<tr valign="baseline">
<td nowrap="nowrap" align="right">GoalKeeper:</td>
<td><select name="gkid_team">
<?php
do {
?>
<option value="<?php echo $row_rs_pt_gk['gkid_gk']?>" ><?php echo $row_rs_pt_gk['gkname_gk']?></option>
<?php
} while ($row_rs_pt_gk = mysql_fetch_assoc($rs_pt_gk));
?>
</select></td>
What i'm trying to achieve is that when a user selects a player from the drop down menu, their price is displayed in the table cell next to the menu. The value is held in the same table of database as the names and id values. I need to do it so the page doesn't need to be refreshed so i assume i need to use some sort of javascript, php and/or maybe ajax. However with java and ajax i have very little or no experience so i'm not really sure what i'm doing. I've been on numerous forums, looked in text books and have been searching the net for hours but i can't seem to solve this problem.
Any help or advice would really be appreciated as i just can't seem to get my head around it,
Thanks,
pb1uk

can this be done??? thanks in advance annieYes.
One way of doing it is submitting the form on change of the selected value and fetch back the query results. Have a servlet invoke the method and set the results in the request.
Another way (not recommended) is to fetch the results corresponding to all the values in the dropdown and have it in the session. The latter solution would obviously be slow.

Cp5.5, system simulation - drop down menu?

Good morning.
I've never really found an elegant way to do this in captivate, but when building a simulation is there an efficient way to build in a drop down menu that learners can use to select from a list of items?
I've tried the quiz question method and that didn't work for me because I had multiple objects on the page that the learner needed to interact with, and I couldn't control which order they'd select them.
Ideas?

Andy,
I wanted to propose the dropdown widget, but in CP5.5 it is cause of memory leaks (like the combobox widget that is almost the same). That problem seems to be solved in CP6. That was the reason I never blogged about those two widgets. An alternative could be the Listbox widget, but that allows users to select more than one item. If they don't know about that possibility and you define only one variable (you can have more), this wil not be a problem.
Lilybiri

Drop down menu or combo box in jtable

Hi there I nee urgent help I have a jtable and I am collecting information to populate the table dynamically, the problem is I some of the strings that populate certain cells is longer the the width of the cell in a particular column, I thought I could use a combo box and split the strings up so I could have some type of drop down menu showing the information, but when I populate the combo box and instantiate the defaultcell renderer with the combobox it sets all cells in that column with the same information I would like to have it displaying the actual information for every row within that column
or if you can give me any ideas as to how I can avoid this happening or maybe an alternative method of showing these long strings in the table some kind of drop down.
Kind Regards Michael

the problem is I some of the strings that populate certain cells is longer the the width of the cell in a particular column,Set a tooltip to display the entire text of the cell. Here is a simple example;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class TableToolTip extends JFrame
     public TableToolTip()
          Object[][] data = { {"1234567890qwertyuiop", "A"}, {"2", "B"}, {"3", "C"} };
          String[] columnNames = {"Number","Letter"};
          JTable table = new JTable(data, columnNames)
               public String getToolTipText( MouseEvent e )
                    int row = rowAtPoint( e.getPoint() );
                    int column = columnAtPoint( e.getPoint() );
                    Object value = getValueAt(row, column);
                    return value == null ? null : value.toString();
          JScrollPane scrollPane = new JScrollPane( table );
          getContentPane().add( scrollPane );
     public static void main(String[] args)
          TableToolTip frame = new TableToolTip();
          frame.setDefaultCloseOperation( EXIT_ON_CLOSE );
          frame.setSize(150, 100);
          frame.setLocationRelativeTo( null );
          frame.setVisible(true);
}If you want to get fancier than you could set the tooltip text only when the width of the text is greater than the width of the column. Here is an example of this is done with a text field. You would need to modify the code to refer the to table for the text string and the TableColumn for the width.:
JTextField textField = new JTextField(15)
     public String getToolTipText(MouseEvent e)
          FontMetrics fm = getFontMetrics( getFont() );
          String text = getText();
          int textWidth = fm.stringWidth( text );
          return (textWidth > getSize().width ? text : null);
textField.setToolTipText(" ");
I thought I could use a combo box and split the strings up so I could have some type of drop down menu showing the informationIf you want to proceed with this approach then check out this posting:
http://forum.java.sun.com/thread.jspa?forumID=57&threadID=637581

JQuery or Alternative Method to Sort Drop Down Menu

Similar Messages

Maybe you are looking for