Get Value Chosen From Select, Display The Value Of The Array With That Same Name?
Feb 14, 2011
I have two arrays (States, Cities) I am trying to allow the user to chose one from a select form (Choice) and then have the values of the chosen array displayed in a alert(). Obviously I could just write an if statement and display the required content depending on whether the value selected == States or Cities. But this project is just a placeholder project for me to figure out one aspect of a much larger project I am working on. And it is important for the result to be chosen dynamically as in the final project I won't know the values that the select field is being filled with.What I need to do is take the value returned from the select field (Choice) and turn that into the name of the array and display that. If I use this code
PHP Code:
alert(States);
then it returns the values of that array. But like I said I need to be able to dynamically select what array to display based on users input
PHP Code:
alert(document.getElementById("Choice").value);
returns the value chosen. How can I take the value chosen and actually display the value of the array with that same name. In other words let JS know that I don't literally want it to display the value chosen but rather the value chosen is the name of the array I want it to display?
PHP Code:
1.
Pseudo code
2.
x = document.getElementById("Choice").value;
I am building a form with ColdFusion, HTML, and will be using some Javascript, and I wnt the javascript to tell one form object to display itself when a certain option is chosen from a <select> tag.
<cfquery name="getCategories" datasource="#mydatasource#" username="#myusername#" password="#mypassword#"> SELECT * FROM categories WHERE type = 'cat' ORDER BY id </cfquery> <cfform action="engine.cfm" method="post" format="html"> <table cellpadding="0" cellspacing="0"> <tr><th colspan="2">New Category</th> </tr><tr> <td>Category Type:</td> <td><select name="type"> <option value=" "></option> <option value="cat">Main Category</option> <option value="sub">Sub Category</option> </select></td></tr> <tr><td>Name:</td> <td><cfinput type="text" name="title" size="20" maxlength="100" required="yes" message="A name for the category is required."> </td></tr> <tr><td>Parent Category:</td><td> <cfselect enabled="Yes" name="parentcat" multiple="no" query="getCategories" value="id" display="title" queryPosition="below"> <option value=" "></option></cfselect> </td></tr><tr> <td colspan="2"><cfinput type="submit" name="submit" value="Submit" validate="submitonce" validateat="onserver,onsubmit"></td> </tr></table></cfform>
I want the <cfselect> tag to display on if Sub Category is selected on the first <select> tag. I expect that it will use the onchange attribute but other than that I have no idea.
It is a familiar story. It works in Firefox, but not in IE. I want to dynamically populate a select box with an array of values based upon the value selected from another select. The arrays are defined when the page is loaded.
function selArr(whichArr) { var optStr; var cnt = whichArr.length; for (var i=0; i<cnt; i++) { optStr += '<option value="'+whichArr[i].k+' '+whichArr[i].v+'">'+whichArr[i].k+' '+whichArr[i].v+'</option> '} document.getElementById('sel2').innerHTML = optStr;}
I have run into this before where IE ignores any calls to a function from an option value. However, the problem is if I call the function from the select tag: <select name="someArray" onchange="selArr[this.value);">
this.value is treated not as the defined array but as a var value, as if is enclosed by quotes.
i'm trying to make a script which display all the info user has chose on the form before submission. now every thing is working as i expected, i have only one problem and it's with the checkbox element. the script is displaying only 1 option and not all the option that has been chosen .
this is the code for the specific checkbox - $("p#dialog-parts").html($('input:checkbox[name=parts]:checked').val());
what do i need to change in order to show all the checked checkboxes and not only one?
I need a script that when an option is selected in a drop-down box (select tag) an input tag appears and I am still pretty basic at javascript.
I was using a script that worked fine but because the variable of the option that makes the script go required the "|" character, it interfered with a PHP script in my document and screwed everything up.
I am having trouble writing this javascript for my work, normally I would do this in ASP or PHP, but the environment I am working with will only allow javascript for dynamic function.
The form has two different select boxes and based on your options selected for select box #1 and select box #2, the hidden input field "redirect" (which is currently empty) would then populate dynamically with the URL associated with that combination mentioned below. The hidden redirect input field (now containing dyanmically generated data) would then pass the new value via HTTP_POST to .net script that will handle the redirect processing step fed to it. code...
I'm hoping this is possible or that there is an easier way to do this. I'm having an issue with displaying data from one array that contains information about users in a table that is controlled by a different array.Is it possible to do this or is this use of arrays to display the data the wrong approach?
The table is located on one webpage, I simply want to extract one piece of information that I have placed in the initial array as part of the login script that contains user information (for validation for login etc) and display it in a table on the new webpage that is opened as a result of successful validation of the user details. I'm completely stumped and after many attempts I just can't seem to get it to work.
This one is throwing me off! Either I am making a stupid mistake or I'm doing it totally wrong I have an array, and I am trying to select unique values from it and assign it to another array. Here is the code:
Code: var flag; for (i=0;i<=pdfs.length-1;i++) { flag = 1; for (j=0;j<=pdfs2.length-1;j++)
[Code]...
The problem is that the if (pdfs2[j] == pdfs[i]) statement ends up never being true. There are URL's to pdf files in the array. On the other side, if there is a much easier way to select unique values from an array, please feel free to point it out.
I'm trying to get a select box to display text from a database in a div tag from the select box populated by a while loop that also pulls from the database. The only way I can do this is from a javascript written by sending it over to a second page and I need it on just one page. Here is my code below:
I have an array with three dimensions. There are 10 elements in each dimension so I've got a 10x10x10 cube. How can I combine all the elements from one dimension into one layer so I can display the whole cube in a 2-D view?
I seem to keep chaging my mind about the best way to do this. I am trying to make a gallery that will display images on a page (without a database!) from a folder when a link is cliked. I have used PHP to read the file paths into an array - and this seems to work perfectly. Its output is similar to this:
Decided to start learning JavaScript, started 2 days ago. Anyway, I'm trying to create a simple script spits out a styled result based on a user input. code...
The problem is that nothing is happening when I press the calculation button.
What I would like to happen is to display a div element for each value in the array which displays the entered value from VenCost2, the current Margin %, and the result of VenCost2 * margin%. I want this to display on the same page and underneath the calculation button, preferably not having to reload the page.
I want to create an array for a religious website that will display a different Bible verse for each day of the year. This is how I incremented each day of the year. var myDate=new Date(); myDate.setFullYear(2011,2,4); myDate.setDate(myDate.getDate()+1); How do I make the connection between the array and the new date as it changes?
This is a snippet from the array. var dailyVerseRef=new Array(); dailyVerseRef[0]="Genesis 1:1"; dailyVerseRef[2]="Genesis 1:2"; dailyVerseRef[3]="Genesis 1:3"; dailyVerseRef[4]="Genesis 1:4"; dailyVerseRef[5]="Genesis 1:5"; dailyVerseRef[6]="Genesis 1:6"; dailyVerseRef[7]="Genesis 1:7"; dailyVerseRef[8]="Genesis 1:8"; I used a switch to go through the days of the week, but to go through the days of the year seems more difficult.
I have an array containing 100 different values. How would I randomly pick 25 of them for display? For now I do: for (var i=0; i<markers.length && i<25; i++) {
html += markers[i].name + '<br />'; }
Which of course returns 25 values but always in the same order which is not what I want. PS. My array could also contain only 20 values, in which case I would like the function to display the 20 values randomly sorted.
i was wondering how you would go about displaying an array of names without hard coding them in the .htm file? example: i have a array of names and the way i list them is to hard code each table entry. what i want to do is have the same array of names, but use javascript to display the names without hard coding it. i want to list 9 columns and have it go until the last name is listed.
i have: function initalize() { this.length = initalize.arguments.length; for ( var i = 0; i < this.length; i++ ) this[ i + 1 ] = initalize.arguments[ i ]; } var familynames = new initalize('list of names here');
this code starts by creating foodArray, 2 dimensional array. Body onload calls fillTable, which fills the table with the first 5 elements of foodArray. In the bottom right is next and last buttons to display different pages of elements in the array. It works fine for foodArray, and because theres 5 elements per page, the 3rd page shows results 11, 12, and 13 as it should. The problem happens when you conduct a search.
Enter "o" in the textbox labelled "food" and it searches foodArray in the appropriate column and returns 8 results. The first 5 results display fine. But when you click next, instead of showing the last 3 results, all 3 entries are undefined. I cannot for the life of me figure out what's wrong. Also, i seem to have to declare the foodArray and resultArray and initialize them with empty values in order for the script to work? Aren't JS arrays supposed to be dynamic?
Right now, the array items print out without spaces like "Jane,John,Mary,Sue". I need to be able to work with the items individually so I can format them so they read "Jane, John, Mary and Sue". I thought I'd be able to do something like v[i] + ", " but I get an "undefined" when I try to alert for v[i]. Can someone point me in the right direction? Code:
I am looking to make a page with a display on it using input boxes, but I want the input boxes to get some of the values from an array I enter at the beginning. To start with I am only entering 2 items, as it will make it easier until I have it all up and running. I have no problems getting a table to come up, with a label and then an input box beside it. I can even prompt the user for the number of input boxes they require. I also can make it so that the input box is disabled, so that the user cannot change the contents of it. But, I am totally stuck as to how to get this how I want it...
I am wanting labels at the top of each row, not the left hand side, and I am wanting rows of 3 input boxes, with the first 2 containing the text from my array, which is what I'm wanting ti be the disabled boxes. Basically I am starting a very simple page for an online order facility.
This is the code I have been working on, I have totally messed it up by now trying different things but it will give an idea of what I have been attempting I figured lol. I have got it to have 6 empty input boxes all on top of each other, but I realised after that if i set all the values etc in the table, then im not getting the array to define the contents :S and, they are still all on top of each other which i dont want... And my attempts at getting the array to define the number of input boxes has so far been futile. I end up with a blank page, just a button. just getting frustrated lol.
So the output that I should be expecting is that in an array of div's containing "share-plus-container" and its children, upon hovering the "Share [+]" link, it should display the "share-plus-box" div of that specific link.
I am trying to display each array item per click in a textbox, so on the first click it dispalys array[0], on the second click it displays array[1]..etc.I thought this might do it but it seems it rattles all the way through to the last array item
private void button1_Click(object sender, EventArgs e) { string[] numbers; declare numbers as an int array of any size[code].....
I'm not an expert with javascript nor am I too familiar with the syntax. What I'm trying to do is store all errors into an array like so:
Code JavaScript: var errors = new Array(); var example = ''; if (example == '') { errors[] = 'This example field is empty'; }
What I'm trying to do at the end is display the array if its not empty into a DIV called errors (or something). I know how to do this in PHP but I'm trying to do first validation layer through javascript. So something like this:
Code JavaScript: <div class="errors"> if (errors != '') {//If the array is not empty for (keyvar in errors) { document.write(array[keyvar]);//Display Errors } } </div>
Using javascript how do I remove all the data within a particular table row and store it in an array. Then if the user wants it back I append the information to the same table again from the array.