JavaScript - Populating Listbox

I am fairly new at Javascript, but there is something happening I do not understand. Please someone explain it to me and help with a solution.

In the function, I pull data from an URL and I have done this with several different data fields and populate the HTML input, option, and check boxes with no problem with the following method.

Code:

document.getElementById("othertxt").value=strValue;
document.getElementById("radsig").checked=true;
document.getElementById("eventtime").value=strValue;

But for some reason this method for textarea does not work and I know that there is a value in strValue because check it right before the line of code.

Code:

document.getElementById("othertxt").value=strValue;

Is textarea just treated differently? I have searched the internet and seen examples but for some reason I can not find the correct solution.

Hello, I'm trying to fill an array with the values of a listbox from a SQL query but somehow I can only get the first word of each registry

Code:

var arrayX=[];
			
function getValue(){
	var x=document.getElementById("combo_color");
	for (var i = 0; i < x.options.length; i++) {
		if(x[i].value!=''){
			arrayX.push(x[i].value);
		}
	}
}

for example, with the color Green Karanka I only get Green inside the array, the same happens with any color with more than one word, any ideas? Thanks.

Hi there, I have a listbox and an Edit button. The user will need to click on the email address in the listbox before clicking on the button to edit. But then, the email address will be displayed on the prompt box's textbox, and even without editing it, the user can get scot-free.

I would want to remove the email address on the prompt box's textbox, and also to check for null entries. If it is null, it will display an alert message. Else, it will check if it is a valid email address.

My code is as follow:



Code:

function editItem()
{
    var listbox = document.getElementById('listBox'); // listbox control id
    var newValue = lst.value;
    if(newValue != "")
    {
        var newItem = prompt("Enter the new email address",newValue);
        if(newItem == "")
        {   
            alert("Please key in an email address into the textbox.");
            return false;
        }
        
        else
        {
            listbox.options[listbox.selectedIndex] = new Option(newItem,newItem,false,false);
            return false;
            arrTexts = new Array();
            
            validRegExp =/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/

            // search email text for regular exp matches
            if (arrTexts.value.search(validRegExp) ==-1 )
            {
              alert('A valid e-mail address is required.\nPlease try again.');
              return false;
            }
            
            else
            {
                for(i=0; i<listbox.length; i++) 
                {
                    arrTexts[i] = lst.options[i].text;
                }

                arrTexts.sort();

                for(i=0; i<listbox.length; i++) 
                {
                    listbox.options[i].text = arrTexts[i];
                    listbox.options[i].value = arrTexts[i];
                }                    
            }
        }
    }
    else
    {
        alert('Select Item From The List To Edit ');
    }
}

HTML



Code:

select id="lstBxEmail" name="listBoxEmail" size="6" style="width: 580px;">                                          <option>figFruit@msn.com</option>                                                                                <option>apple@hotmail.com</option>                                          <option>cherry@yahoo.com</option>                                          <option>banana@hotmail.com</option>                                          <option>elephantApple@ymail.com</option>                                          <option>durian@gmail.com</option>                                                                          </select>   
<select id="listBox" name="listBox" size="3" style="width: 580px;">

 <option>hello@msn.com</option>                                      

<option>wowAmusers@hotmail.com</option>

<option>yrulikethis@yahoo.com</option>                         

 </select>

hello

I have a listbox full of names on a PHP website and was wondering if there was a way to grab the value during a double click to bring me to another form to display the name and information?

Hi, I've been working on a company directory page where a listbox called "People" in a form called "people_form" contains 400 employee names. I made the box "multiple" just so I could have it big and easier to find names but I decided a search box would be really useful. I've looked up a few such search scripts but so far the two I've tried haven't worked. The latest one when it's installed on the page, nothing happens when you type characters into it (it's supposed to jump to an entry matching the first few letters). Although if I backspace then it selects EVERY name in the list

Here's the current form with the input tag being the search box (oh the options are populated by java script):

<form name="people_form">

<input type="text" id="realtxt" onkeyup="searchSel()"></input>

<select onchange="display(this.value); return false;" multiple="multiple" id="People" name="People" style="border-style: none; height:198px; width:220px;">
<option value="">Loading</option>
</select></form>



And here's the actual search function in the head of the page in the script tags:

function searchSel() {
var input=document.getElementById('realtxt').value.toLowerCase();
var output=document.getElementById('People').options;
for(var i=0;i<output.length;i++) {
if(output[i].value.indexOf(input)==0){
output[i].selected=true;
}
if(document.forms[0].realtxt.value==''){
output[0].selected=true;
}
}
}


If you know of a script that will work properly I'd appreciate it. For convenience I'm looking for one that jumps to selections inside the listbox as opposed to one where you click a search button and get results somewhere else.

Essentially, I have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side.

Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox.

I'm very new to JavaScript, so ff someone can provide an example or pseudo code, I would greatly appreciate it.

hiii friends
hw r u ???

m sachin nd currently i m a student of s\w engg. i had gone through a code which i founded on " javascriptkit.com" nd make some change according to my requirements and that code is as follows : -

Code:

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>


<!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=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>


    
      <h1>Ticket Booking  Page</h1>
    
    <form name="doublecombo">
        
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Select City</option>
<option>New Delhi</option>
<option>Mumbai</option>
<option>Kolkata</option>
<option>Chennai</option>
</select>

<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value="Select">Select Cinema</option>
</select>





<script>
<!--

/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/

/* this is d start of code is for selecting cinemas by 
selecting value of city from 1st combo box
*/

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("Select Cinema")

group[1][0]=new Option("Select Cinema")
group[1][1]=new Option("HauzKhas")
group[1][2]=new Option("Saket","Saket")

group[2][0]=new Option("Select Cinema")
group[2][1]=new Option("NaviMumbai")
group[2][2]=new Option("Churchgate")


group[3][0]=new Option("Select Cinema")
group[3][1]=new Option("Saltlake")
group[3][2]=new Option("Badabazar")

group[4][0]=new Option("Select Cinema")
group[4][1]=new Option("krishnapuram")
group[4][2]=new Option("old market")

var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

/* this is d end of code is for selecting cinemas by 
selecting value of city from 1st combo box
*/

//-->



</script>

</form>

    
    </body>
</html>

After this code i want to populate values 3rd combo box by selecting values in the 2nd combo box ( which is cinema ) bt after applying all the posible option to solve this problm nd i m nt getting success ,so m writing to you people for ur help.

i will explain u the whole matter thn u wil better understand my problm.

i m making one website on multiplex( online ticket booking). so i saw the website of pvr cinemas nd i thought i wil impliment this ticket booking concept in my project, so for the fullfillness of this target i hav to take
atleast 7 combo box , these combo box names are :-

1. Select City- (Like - New Delhi , Mumbai ,Kolkata ,Chennai)

2. Select Cinema(Hall Name) - ( Saket - New Delhi , South Ex. - New Delhi, Navi Mumbai - Mumbai , Salt Lake - Kolkata)

3. Select Movie- (Atleast 3 movies in each cinema nd somtimes it can more or less hall by hall )

4.Select Date - (next 5 days of current date for advanced booking)

5. Select Time - (show time for each movie in each hall should be 3 shows, means if 3 movies are playing currently in 1 cinema thn we hav to mention show times with some difference for all 3 movies. )

6.Select Price - ( price can b d same for all movies like - 150 (normal),250 (middle ) , 500 (high) )

7. Select No. of Seats - ( no of seats for advanced booking is 1 to 10 for every film).

your given link solved my 1st combo box problm dear bt nw facing another problm. i want to populate all the movies in 3rd combo box by selecting a cinema value in 2nd combo box .

for example i selected " saket - new delhi " thn all the movies which r playing currently in this cinema should be comes in d 3rd com bo box . same as for other options south ex. - new delhi , navi mumbai - mumbai nd so on.

i think this problm can be solved by three dimensional or multi dimensional arrays bt friends i dont hav much knowledge of multi dimensional arrays in javascript.

if u people will help me to solve this problm thn i will be very thank full to all of you. i hav less time friends.

so will u plz help me ???????


please reply me soon friends............




thank you

Hi all,


I have a problem here with my coding. I want to have three levels combo box. However the second level is not populating the values, therefore the third level cannot be populated also. I have attcached my codes here. Pls have a look and tell me where is my error.

Thanks,

Breentha

Ok, here is my issue. I want to have an input text on the top of the page that when I type in a series of numbers and hit submit, it populates the rest of the form. Does anyone have any idea what I need to perform this action?

I need to pull a date from a database that is already in the correct format of YYYYMMDDHHMMSS and create a javascript new Date() so that it can be used for comparing time elapsed. I have no issue with getting the date from the db and formatting it correctly but when inserted into new Date() it doesn't work.

I have it working hard coded in the javascript but would like to replace the date with a value from a database instead of having it hard coded.

current javascript is:
var today=new Date();
var then=(new Date(2012,03,09,12,00,00,00);
var mSeconds=today.getTime()-then.getTime();

what I would like to do:
var today=new Date();
var then=(new Date(<?php echo $tou; ?>);
var mSeconds=today.getTime()-then.getTime();

$tou is already formatted as 2012,03,09,12,00,00,00 with commas
all other variables being pulled from the db work correctly.

Hi Guys,

I am trying to populate a textarea using a dropdown menu.

The code I have tried doesn't seem to work, can anyone help?

Code:

<script type="text/javascript">function updateTextBox(val)
{
 if(val == "1")
 {
  document.forms['myForm'].elements['myTextBox'].value = "something";
 }
 else if(val == "2")
 {
  document.forms['myForm'].elements['myTextBox'].value = "something else";
 }
}
</script>

<form name="myForm">
<select onchange='updateTextBox(val)'>
<option></option>
<option value="1">1</option>
<option value="2">2</option>
</select> 

Changing this drop down should change this text area....

<textarea name="myTextBox"></textarea>
</form>

Any help is much appreciated.

Thanks.

I am having a hard time figuring this out, I have two simple arrays and I want to populate one by asking a visitor to enter information, it goes something like this...
Code:

var country = new Array(5);
c_list[0] = "USA";
c_list[1] = "UK";
c_list[2] = "France";
c_list[3] = "Germany";
c_list[4] = "Spain";

var president = new Array(); // Last name only
president[0] = window.prompt("President of USA?", ""); // Obama
president[1] = window.prompt("Prime Minister of UK?", ""); // Brown
president[2] = window.prompt("President of France?", ""); // Sarkozy
president[3] = window.prompt("Prime Minister of Germany?", ""); // Merkel
president[4] = window.prompt("President of Spain?", ""); // Zapatero

Now the question is, how do I use a simple for loop to use the names entered and populate the second array? Any help would be very kindly appreciated. Thank you

Hi there, I have this listbox that I want the user to select only one choice at a time. How do I disable the multiple selection feature in javascript?



<select id="lstBxEmail" name="listBoxEmail" multiple="multiple" style="width: 580px;"> <option>Java</option> <option>PHP</option> <option>Perl</option> <option>Javascript</option> <option>C#</option> <option>Powershell</option> </select>




<select id="lstBxEmail" name="listBoxEmail" multiple="multiple" style="width: 580px;">

<option>Java</option>

<option>PHP</option>

<option>Perl</option>

<option>Javascript</option>

<option>C#</option>

<option>Powershell</option>

</select>

Hi there, I would like to do the following:

When I click on a button, it will set the item in the listbox to be bold. But this will only happen when the user clicks on the desired item to be bold and presses the button. An alert message will occur when he/she presses the button without clicking on the item, stating that the user will need to click on the item. How shoukld I do it in javascript?