Populate List Box Issue
Sep 29, 2007
I have several lists each of several hundred selectable items. I send
all lists to the client along with the javascript. When the user types
the first letter of the item in a text box, I know which list to
present- it is likely the user will wish to view several of the lists
concurrently (I am not concerned at the extra load time of a few
thousand items sent via javascript). However, I am trying to do
everything client side- (even if I use ajax to call the list from the
server, there is delay at the client side as the listbox is populated
with appropriate items) - can anyone think of a manner of presenting a
long list dynamically, based on the first letter typed, client side
and with the absolute minimum of delay? (These items then need to be
selectable)
View 1 Replies
ADVERTISEMENT
Mar 7, 2011
I have 3 ASP list boxes. I would like to populate the second list box based on the selection in the first list box and based on the selection in the second list box, populate the third. I would like to do this using AJAX. How can I do it? Can someone please give me the code snippet as I am a complete noob when it comes to AJAX and I kinda am running outta time to finish implementing it. Additionally, should I use ASP boxes or HTML <select> tag?
View 4 Replies
View Related
Mar 27, 2009
I know that this is very basic to most of you JS Guru's out there, but I am stumped. I have found dozens of tuts on this, but can't seem to find a VERY simple basic version of it. This is what I want, actually my client wants. I want to have a select list that gives the options of countries. Then upon selection this changes the drop down list of the states/provinces listed. So when I click on Europe it shows the different sections of Europe, and US it shows the states (I'm sorry I don't know what Europe calls their equivalent of a state), etc.
View 6 Replies
View Related
Sep 13, 2004
I have 2 dropdown list in my html. Is possible for me to populate the option values in the second dropdown list depend on what I select in the first one?
View 3 Replies
View Related
Nov 28, 2011
I am facing the above problem for a chatroom app that I am making. People will enter and exit the room any time they want, so i need a member list that updates itself to reflect this on the screen of all users that are in the chatroom. What i have thought of, is to have JS call a PHP function on specific intervals, and that PHP function will retrieve user data from a database and pass it to JS to display on the list. Is this method advisable? Are there any more suitable ways of doing this? I am thinking of applying the same theory for displaying and retrieving chat messages, but i get the feeling that something's missing for this, or maybe this method is not right for displaying messages.
View 1 Replies
View Related
Aug 15, 2010
I am using Javascript & PHP to populate a select list. The Ajax is working perfectly as I have tested it. However, as you can see from the below code, I have a button which adds more rows (which includes 2 select lists and file input) to a table.
When I click Add Row, the row is added perfectly and both select boxes along with the file field are shown as expected. The problem occurs when I select a value from the "room_name[]" box - there are no values returned inside the "album_title[]" select box. It doesn't seem to be triggering the onChange event.
code JavaScript:
function addRow(tableID) {
var table = document.getElementById(tableID);
[code]...
View 2 Replies
View Related
Oct 7, 2010
I need to populate a drop down list from sql server via jquery.I'm unfortunately unable to use any server-side type coding
View 1 Replies
View Related
Aug 14, 2011
I want to use arrays to populate an HTML list. I can populate the main list items but I can't seem to get the sub list items to work.
<HTML>
<Body>
<ul>
<script>
var pages = ["page1", "page2","page3"];
var subPages = ["sub1","sub2"];
for(var i = 0; i < pages.length; i++){
var page = pages[i];
document.write('<li>' + page + '</li>');
if (page == "page2"){
document.write('<ul>');
for(var i = 0; i < subPages.length; i++){
var subPage = subPages[i];
document.write('<li>' + subPage + '</li>');
} document.write('</ul'>);
}}
</script>
</ul>
</body>
</HTML>
View 29 Replies
View Related
May 1, 2009
how to create a somewhat simple form. The form will have text fields for 'Name', 'Phone', etc. What I want is to have a drop down list, which has different insurances to choose from (i.e. Medical Insurance, Dental Insurance, Senior products), and say when I choose 'Senior Products', new text fields pop up within the form to add their 'Address' and click a checkbox that states they authorize to be contacted. These new fields aren't visible unless they choose 'Senior Products' from the drop down list.
View 6 Replies
View Related
May 21, 2009
I have two select lists, the first one has three options in it, What I need to have happen is once a option is selected in the first drop down, the second drop down will be populated with the remaining two options.
View 2 Replies
View Related
Oct 1, 2010
Have a WAMP setup with Apache, PHP and Mysql service and I�m working on a HTML form which will have two drop-down controls where information is extracted from two tables in my DB.The first drop-down list called (name="sel_ControlArea") will decide what information the second drop-down list will have.So far I have managed to populate them when the page is loaded using PHP but run into problem when I make a change on the first drop-down list.Question one: What is the best/correct way to solve this problem?Is it to load all information into PHP arrays and then translate these to Javascript arrays, or should I go for AJAX, or XML or are there any other better ways ?I have tried to solve this using the first method, put data in a PHP array but run into problem with this data not properly loaded.This is first time for me to pose a question so please let me know if I have left out some important information or if I should describe this problem in a different way.
<table class="exemption" border="0" cellpadding="2"
cellspacing="5" bgcolor="#eeeeee">
<th colspan="2" align="center">Security Exemption Request</th>
[code]....
View 1 Replies
View Related
Feb 6, 2009
I'm looking for a tutorial type of help on using JQuery to create/populate a selection list. I've looked at their site (and searched on their site/google) and although there is tons of stuff there, I can't find what I need.
View 5 Replies
View Related
Jul 5, 2011
The following PHP code populates a dropdown list of Projects. I would like to be able to click on a Project Name in the list and have its corresponding list of Characters appear beside it. How can I tie jquery into this as it's running? All the jquery examples I see are for hard coded HTML data instead of a PHP loop grabbing from a database.
Code:
//creates the Project dropdown list
while ($proj = mysql_fetch_array($project)){
$id_proj = $proj['projid'];
$name_proj = htmlspecialchars($proj['projectName']);
[Code]....
I don't care if it's a clickable list of anchors instead of a dropdown. Also, I don't care whether people have javascript enabled as this is for my personal use.
View 6 Replies
View Related
Dec 3, 2009
I have set up my website quite some time ago that has served its purpose very well, however I will now be adding an order form functionality. So far, by reading books and traversing forums, I have been able to develop a page where the user
1.Enters data into the required fields, that is then submitted to a MYSQL database via PHP,
2.Can retrieve orders that are stored in the database,
3.Delete orders that are stored in the database.
I have wamp installed on my computer as the webserver. I have also incorporated two drop down lists that both retrieve their values from tables within the database. The first drop down list retrieves the Australian States that I have stored in a table, and once the submit button is pressed, it stores the State that is selected to a separate table. This drop down list functions as it should. An extract from "From Place an order.php"
<?php
$dbcnx = @mysql_connect('localhost', 'root', 'tingling');
if (!$dbcnx) {
exit('<p>Unable to connect to the ' .
'database server at this time.</p>');
} .....
The second drop down list retrieves product names from a table that contains products and their prices. What I would like to happen, is that when the product is selected from this drop down list, a text box is automatically filled with its corresponding price. I had this drop down list working as per the "States" drop down list, but could not get it to auto populate the text field. I got some assistance from a friend and was able to get the text box to auto populate with its corresponding price, however when the page was submitted to the database, the "id" number of the product name from the drop down list was stored, and not the product name.
<select name="productSelection" onchange = "getProductDetails(this)">
<option selected value="1product">Select Product</option>
<?php
$products1 = @mysql_query('SELECT * FROM products');
if (!$products1) {
exit('<p>Unable to obtain author list from the database.</p>'); .....
View 9 Replies
View Related
Jun 29, 2010
how to populate a dropdown based on Another dropdown selection. This all should be a dynamic. Eg: I have two text boxes one is TechID and other is JOB ID. When I start typing Tech ID it suggests me the list of IDs which start with the input string i have put in Tech textbox. When i select the Tech ID the jobs associated to that Tech ID should be displayed in JOB ID text box as a dropdown list.
View 1 Replies
View Related
Mar 19, 2010
Below is the code I use to populate a textboxes (compaddress) when I select the compname from the dropdown. I would like to be able to populate other textboxes such as the compdescription, compmaincontact and others when I select the compname from the dropdown. I think that I need an array but I really would like some advice on how to do it as all of my attempts have failed so far
Code:
<script type="text/javascript">
function showname(what)
{
what.form.textfield.value=what.options[what.selectedIndex].title
}
window.onload=function() {
showname(document.form1.number)
}
[Code]...
View 3 Replies
View Related
Aug 2, 2011
I have a table that has parts with multiple characteristics. Part Number, Height, Width, Capacity, Price, Etc. I would like to have a drop downs for all of these values, when a user selects one of these values it will filter the results into a list. Ex. user selects a part that has a Height of 6 and width of 10 it will only list those parts. As I said earlier, I have a script that will give me all the parts, however I am not able to make the onchange list parts with multiple values.
View 9 Replies
View Related
Jun 9, 2009
I have a page that displays a list of people playing in a tournament. I need to be able to generate a Leaderboard based on which players are manually selected by the admin. Next to each person there is a drop-down list. An admin can go in and select a "slot" that a player should be in on the leader board from 1 to 8, or leave it blank if none. What I need to figure out how to do is the following, when a change event happens on a drop-down list, and say the value 5 is selected, I need to check to make sure that 5 is not already selected in one of the other players drop-down lists, in other words, that the 5th leaderboard slot is not already full. if it is, display an error message and make them change that one first. how to do that with jQuery? I'm thinking it will have something to do with the each() function, but not sure exactly how the logic should work.
View 4 Replies
View Related
Oct 8, 2010
i have a menu and i would like to change the color of the Categories which have subcategories only. In my example the basic categories are: News , Announcements , Contact and Career. Only Announcements and Career categories have subcategories. So i would like those two to turn green. The fact is that the list items include a href ,so i don't know how to access those "a href" combined with "this".
<ul id="my_menu">
<li id="id0"><a href="#" style="text-decoration:none">News</a></li>
<li id="id1"><a href="#" style="text-decoration:none">Announcements</a>
<ul>
[Code].....
View 3 Replies
View Related
Jun 2, 2010
I have been trying to make an expand/collapse (essentially accordion) list. So far, everything works and looks fine in Firefox, Safari, and Chrome, but in IE8, the page height is static when it loads, with a page height being as if all headers in the list were expanded. The expand/collapse functionality works,but as you can imagine, there is this big gap of space after the list.
The html markup uses <h2> tags for the always-visible header portion and a <div> for the expanding/collapsing content. The <div> content contains form elements and everything is enclosed in a form tag.Anyways, here is the jQuery code:
$(document).ready(function() {
$('<img src="plus.png" class="icon" />').prependTo('.header');
$('.content').hide();[code].....
View 5 Replies
View Related
Aug 16, 2010
i am writing a script that will update a dropdown list based on the selection of a previous list. the script is run by a PHP script, so instead of posting the PHP, i will post an example client-side script. the hierachy is: category, sub category, brand (but sometimes there exists no sub category and the PHP script queries and adds brands instead) everything works correctly, except for one major issue: you can not change the selection of the third (brand) box this could be an easy fix for some coders, but i am not experienced in javascript and could really use some help. here is an example script, sorry it is so long
[Code]...
View 4 Replies
View Related
Jul 13, 2011
I have been struggling on a bit of code for a while now. I need to populate a second drop down list (Region) based upon the selection of the first (County).I have found a piece of code that works on its own and have adapted to suit my needs - see below. However, when I drop it into my main page the javascript is not working. It's because of the formObject but I just don't know enough to resolve this! Furthermore, I need the textboxes the user has already completed in the form to retain their value once the javascript kicks in as the completed form will submit to a database.This piece of code is working well . . . .
<?php
$link = mysql_connect('myhost', 'myusername', 'mypassword') or die('Could not connect: ' . mysql_error());
mysql_select_db('mydatabase') or die('Could not select database');[code]......
View 2 Replies
View Related
Jul 19, 2010
I'm working on a project that requires dynamic manipulation of an ordered list -- adding and removing elements in response to the user pressing buttons. I've run in to some odd behavior. Here's my code:
HTML
<ol id="track-list">
<li>Static Content Here</li>
</ol>
<input type="button" id="add-track" value="Add Track" />
jQuery:
$("#add-track").click(function(){
var listEl = $("<li>Dynamic Content Here</li>");
listEl.hide();
[code]....
Looks pretty straightforward, problem is when I add the new list element it does not prepend it with any number (being part of an ordered list). Now if I remove the hide and fadeIn lines (just append it), it inserts it correctly with a number before it, but I want this to look pretty being jQuery and all...
View 3 Replies
View Related
Sep 1, 2010
I am trying to construct a Jukebox for my website. I have spent considerable time all over the WEB and at this forum which addressed the issue in a 50 page thread. Please see: [url]
I got a lot of ideas from this thread but still cannot figure a way to do the following within the Jukebox. These are my main two questions for everything below:
1.How can I have the Jukebox cycle through all tunes and then start over from the beginning?
2.How can I allow the user to select a tune from a list but not a drop down list, have the Jukebox start from the users selection and then play all songs to the end. Then as in #1, start over from the beginning?
Per this thread I came away with basically two ways to assemble the jukebox. One uses links in a drop down list which the user can choose from. The other is to use an .m3u playlist. The user can only select a playlist from the drop down.
Below, I have included the code for each Jukebox. To see the Jukeboxes in action please go to my website where I have posted some test pages exhibiting the jukeboxes that I am referring to.
The following is the Jukebox which utilizes an .m3u playlist. If I end up using this idea I would like the tunes in the .m3u playlist to be displayed and allow the user to be able to choose a tune in the list. Then have the list play to the end of all tunes in the list. Then start over from the beginning of the list. After this code is the .m3u playlist.
Go to url removed and click on the link that says:
Jukebox utilizing an .m3u playlist:
Here is the .m3u playlist for the above code:
The following code is for the Jukebox that has a list of links in a dropdown list. If I go with this idea, I would like for the list not to be a dropdown list but just a list of tunes. The user should be able to click on any tune in the list and the player should start from that point, play all the remaining tunes in the list and then start from the beginning.
Go to url removed and click on the link that says:
Another idea I found on the WEB also uses an .m3u playlist. The good thing about it is that it lists all the tunes in the playlist which the user can then select from. This jukebox calls up an entire Windows Media Player. If I was to use this idea I would like to be able to disable the left side of the player where the user has options such as burning to CD, Media Guide, Radio Tuner etc¦
Go to url removed and click on the link that says:
View 1 Replies
View Related
Jul 6, 2004
when i try to add a data from popup list box to parent window listbox it pops an error.
Servlet threw an exception. This is my code
var optionvalue=thisForm.behaviourname.options[i].value;
var len=window.opener.document.FormMaterialDetail.inparameterid.options.length; window.opener.document.FormMaterialDetail.inparameterid.options[len] = new Option(thisForm.behaviourname.options[i].text, optionvalue);
Is the above code right?
View 1 Replies
View Related
Aug 14, 2009
I have a MySQL table with 90 columns and I want the users to be able to select any columns they concern and output the result accordingly. In the front-end, I can use a group of checkbox which looks very ugly and I can not setup the orders for selected columns. Is there a plug-in or some examples in jQuery, that I can make 2 parallel boxes (i.e. an original-box and a selected-box). the original- box lists all of the column names at the beginning and there is a way to move items between two boxes. And the order of items in the selected-box can be adjusted. the items in the selected-box will be used to build into an array in my backend code.
View 1 Replies
View Related
