I'm trying to figure out what I'm doing wrong here. I have a select control and I'm trying to determine what index or value was selected and I can't seem to get it to work right. I'm sure it's something simple but I'm new at this.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
i need some help with an assignment. the program needs to display a list of flights from options selected from drop down menus. i have written the code to display all flights, now i need to write the code to include the options such as destination and airline. here is the whole of the code.
<HTML>
<HEAD>
<TITLE>Stanwick Imaginary Airport - flight information</TITLE>
[code]....
I am trying to create a form for authorised users to upload photos to
an image gallery. I'm attempting to perform simple validation of the
fields by ensuring the fields aren't empty and that the extensions are
right. However, I can't seem to access the actual values of the fields
to start with.
If I simplify my problem, can anyone tell me why this would work in a
Javascript alert:
alert(document.form.Photo1.value);
//This outputs 'D:/images/x.jpg'
but this won't:
var photonumber = "Photo" + 1;
alert(document.form.photonumber.value);
// I get "undefined"
The reason I'm doing this is because I'm looping through a finite set
of images and need to check each one is valid.
Is it because I'm not initialising the "photonumber" string correctly?
I have a form with a lot's of number of Text and Hidden Fields. I just do a simple loop to get each value for each attribute. I have about more than 2000.
if i do something simple like :
for (var i=0; i<2000; i++)
aValue = i+10;
it runs well. But if i do something like
for (var i=0; i<2000; i++)
aValue = document.myForm.elements[i].value;
it gives me 100% CPU for a long time before i submit the form.
I an designing a website and the user need to select from option of three values. Each option selected have a numerical value. On selection the numerical value attached to the selection will be multiplied by the another value in an input box to get a final value.
View 4 Replies View RelatedI am trying to create a script to randomly assign recipients to givers for a Secret Santa.he participants are placed into groups. A giver cannot be assigned a recipient with whom he is grouped. I want to return all of the assignments in a table. I have made the following script. When I run it, it seems to get stuck in a loop. Any ideas why this might be? If you have any questions about how I want this thing to run, feel free to ask.
<html>
<head>
<script type="text/javascript">
[code]....
I have populated data in html table. Now I have to retrieve the value from this table, row-wise. How can i do this.
View 1 Replies View RelatedI have been trying to use
<script language="javascript" type="text/javascript">
function check_length()
{
var x = document.getElementById("tbDescription").value;
alert(x);
[Code].....
but get an object required error in IE and ocument.getElementById("tbDescription") has no properties in FireFox. I have tried using the single, double quotes, and nothing around the tbDescription in the javascript function, but none of the 3 helps.
So I'm a novice coder and have been trying to piece together a (seemingly) simple function. I want the user to be able to enter in a certain amount of time into a form, and then when they click submit, it opens a new page and closes after that amount of time.There is a very simple form on the first page that accepts input and looks like so:
<form action="onbreak.php" target="_blank" method="POST"><p class="fillable">I would like to view <input type="text" name="url" id="url" value="" size="30"/> for <input type="text" name="timeinput" id="timeinput" value="" size="3"/> minute(s). <input type="submit" value="Break Me!"/></p></form>
[code]....
HTML Code:
function makeForm(name) {
mypara=document.getElementById("paraID");
myform=document.createElement("form");
myselect = document.createElement("input");
[Code].....
I am creating a form dynamically using javascript.The form is created successfully. After creating the form before submitting the form i would like to make some check points before submission.so while creating the form i am adding the event on submit=call function for validation .THe function is called successfully but i am unable to retreive the form values in the validation script
I am using the SVG plugin. I have a simple test and I am unable to retrieve the x and y values of a text object.
$('#objID1', svg.root()).attr('x')
This returns as empty. Where as:
$('#objID1', svg.root()).attr('fill')
successfully returns the fill value.
HTML code:
<html xmlns="[URL]">
<head><title>SVG test</title>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.svg.js"></script>
<script type="text/javascript" src="js/jquery.svgdom.js"></script>
<script type="text/javascript" src="js/jquery.svganim.js"></script>
<script type="text/javascript" src="js/test2.js"></script>
<style>
#svgCanvas {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
#svgAtts {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
</style></head><body>
<div id="svgCanvas"></div>
<div id="svgAtts"></div>
</body>
</html>
Javascript code test2.js:
$(function() {
$('#svgCanvas').svg({onLoad: function(svg) {
//code
}}); });
$(function() {
var svg = $('#svgCanvas').svg('get');
var obj = svg.text(50,50,'Some Text',{id: "objID1", fill: "#FF0000", fontFamily: "Arial", fontSize: "24"});});
$(function() {
var svg = $('#svgCanvas').svg('get');
var string = 'fill = ' + $('#objID1', svg.root()).attr('fill') + '<br />';
var string = string + 'font family = ' + $('#objID1', svg.root()).attr('font-family') + '<br />';
var string = string + 'font size = ' + $('#objID1', svg.root()).attr('font-size') + '<br />';
var string = string + 'x = ' + $('#objID1', svg.root()).attr('x') + '<br />';
var string = string + 'y = ' + $('#objID1', svg.root()).attr('y');
$('#svgAtts').html(string);
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I've got two select boxes with same options and same option values on my page, i want that whichever options a user selects from first box, should also get selected in second box. I need to get this done in Javascript or without using advance jquery methods.
Please suggest me is there a way to do this?
is there a way to select all values of a multiple select list by default?
View 3 Replies View RelatedI am working on a class registration system that requires students to register for a main class (101, 102 or 103). The student is supposed to select one main course as well as provide a second choice in case the first is not available. I have two dropdown select fields to capture data
1) Choice -1: 101 / 102 / 103 ( Student needs to select one - Reading the classID from classes table)
2) Choice -2: 101 / 102 / 103 ( If student selects 101 in Choice-1 then the only classes available under Choice-2 should be 102 or 103).
How can I accomplish the above? Further to this there are two fields on the form where I would like to auto populate based on what they have selected in Choice-1 and Choice-2.
For Example:
If a parent selects choice1: 101 the child Choice1 field should autopopulate with 100.
If a parent selects Choice2: 201 the child Choice2 field should autopopulate with 200
I wanted to add additional data to my select function.
I tried:
<select id="sel_1" name="sel_1"
<option struct_id="24" value="4">Text 1</option>
<option struct_id="37" value="8">Text 2</option>
</select>
function dispSel(obj)
{
alert(obj.struct_id);
}
This did not work. I'd like to be able to add some other data
associated with the option in the select element.
Anyone have any other ideas.
One I thought of was instead of
<option struct_id="24" value="4">Text 1</option>
use
<option value="24|4">Text 1</option>
and then
function dispSel(obj)
{
var myarray=obj.value.split("|");
alert(myarray[0]);
}
Is there a way to get an array with every value of a list?
document.myform.myselect.options doesn't seem to work.
I have a select array like this ..
Code:
<SELECT NAME="state[]" MULTIPLE size="10" onchange="content();">
<OPTION VALUE="abc">abc</OPTION>
<OPTION VALUE="zyxc">zyxc</OPTION>
[code]....
So I created a javascript to get all the selected values in one variable ... But whtever I try the values don't come .. I tried alerting at different places and wht I see is tht it don't even go into the for loop ...
Code:
<SCRIPT>
function content() {
var retval = new Array();
for(i = 0; i < document.form100.state.length; i++)
[Code]...
i can't sucessfully get the values out of the <select> and <option> elements in my HTML page. This is really annoying because i am using the same code as i always use. And infact, it is identical to the code in a previous project (a Product Quote Calculator). It should work, but for some reason it doesn't. The Error Console is telling me that that element's value is "null". However, i have used the DOM Inspector, and it is not a null value (as the Value="3" is set - the DOM inspector also verifies this). There is another problem, but i'll leave that for another posting *grin*. I'll still be working on that one until someone gets back to me on this problem. Anyways...here's the code:
the code is actually a bit long, so i added it as an attachment. maybe it will fit into a post window.
<html>
<title>Sketch Book v1.0</title>
<head>
<script Language="JavaScript">
var SketchDataFolder = "c:data.txt";
[Code]....
I have a form with a "results" list box for a sort user defined sort Lets say the values are:
Field 1 (ASC)
Field 2 (ASC)
Field 3 (DESC)
What I want to do is automatically select all these values before submitting the form so I can pass every list box value to the next form whether selected or not. Depending on the number of values in the list box I think I need something like this:
// COUNT OF ROWS FROM ZERO
MYROWS = document.choiceForm.choiceBox.length
MYROWS = MYROWS - 1
for (i = 0; i <= MYROWS; i++)
{
document.choiceForm.choiceBox. ?????????????????????? Code here <<<<
}
I have a HTML form containing multidimensional selects listing
equipments and their quantitites. This allow the users to select the
kind of equipment and quantitites they would like to book. Upon
onChange select event I would like to parse the data into a
multidimensional Javascript array in order to check equipment
availability for booking. But I can't figure out how to parse and upon
JS HTML DOM reference I am not even sure it's possible. Code:
Is there any possible way to get parameter values from the disabled
<selectof html.
I am trying to add values of selected options in select boxes that update on any change...
I don't know why this is not working [code]...
How can I copy the contents of a div and put it into a textarea while changing the select tags for the chosen option?Example, take the following HTML:
<select><option>am</option><option value=":abbr: title='Ante Meridium' lang='en':AM:/abbr:">Ante Meridium</option></select> going to visit the <select><option>US,</option><option value=":abbr: title='United States' lang='en':US:/abbr:">United
[code]....
I am populating a select box from ajax .. it is loading fine ..But when i submit the form then the value of select box is never passed .. As if there is no select filed on the form ..
Code:
<SCRIPT>
function content() {
var retval="abc";[code].....
So when I submit the form .. The county field is never passed on to next page .
I'm trying to read a select(dropdown) box from an HTML form along with all its options. My core requirement is to be able to read a select element with all its option and store it in some variable/node using one JS function. Use another JS function to pick the node and convert the values from node back to the options of select box.
We can probably make use of jQuery as well, provided it is supported by IE6.