Help with passing HTML values in to JavaScript


Login or Register for Dates, Times and to Reply

 
Thread Tools Search this Thread
# 1  
Help with passing HTML values in to JavaScript

Not sure if this is the right place to ask this but here goes. I am creating a cheat sheet for co-workers. The concept is that you pick wire size and conduit size and the amount of wires that will fit is displayed. I haven't used alot of drop downs and can't quite figure out the way the get id code should be written. Here is what I have.

Code:
    function fillcap(){
        var wire = document.form.wire.value;
        var conduit = document.form.cond.value;
        if (wire.option >= "10" && conduit.option = "1") {
            alert("Wire Size exceeds conduit max fill!")
        }
        else {
            alert("Blah Blah!")

The "blah blah was just testing the if.

Here is the html

Code:
        <form name="form">
        <h2>Fill Capacity</h2>
        <b>Wire Size</b><br>
        <select name="wire">
        <option value="1">#14</option> 
        <option value="2">#12</option> 
        <option value="3">#10</option>
        <option value="4">#8</option> 
        <option value="5">#6</option> 
        <option value="6">#4</option>
        <option value="7">#3</option> 
        <option value="8">#2</option> 
        <option value="9">#1</option>
        <option value="10">1/0</option> 
        <option value="20">2/0</option> 
        <option value="30">3/0</option>
        <option value="40">4/0</option>
        <option value="250">250</option>
        <option value="300">300</option> 
        <option value="350">350</option> 
        <option value="400">400</option>
        <option value="500">500</option> 
        <option value="600">600</option> 
        <option value="700">700</option>
        <option value="750">750</option> 
        </select>  <br>
        <b>Conduit Size</b><br>
        <select name="cond">
        <option value="1">1/2</option> 
        <option value="2">3/4</option> 
        <option value="3">1</option>
        <option value="4">1-1/4</option> 
        <option value="5">1-1/2</option> 
        <option value="6">2</option>
        <option value="7">2-1/2</option> 
        <option value="8">3</option> 
        <option value="9">3-1/2</option>
        <option value="10">4</option> 
        <option value="11">5</option> 
        <option value="12">6</option>
        </select><br><br>
        <input value="Wires allowed" onclick="fillcap()" type="button"> 
        </form>

Any help is appreciated.
# 2  
Here is one solution using ids:
Code:
<html>
<head>

<script language="javascript" type="text/javascript">
    function fillcap() {
      
        var wire = document.getElementById("wire").value;
        var conduit = document.getElementById("cond").value;

        if (wire >= "10" && conduit == "1") {
            alert("Wire Size exceeds conduit max fill!")
        }  else {
            alert("Blah Blah!")
        }

    }
</script>

</head>
<body>
<form name="form">
        <h2>Fill Capacity</h2>
        <b>Wire Size</b><br>
        <select id="wire">
        <option value="1">#14</option> 
        <option value="2">#12</option> 
        <option value="3">#10</option>
        <option value="4">#8</option> 
        <option value="5">#6</option> 
        <option value="6">#4</option>
        <option value="7">#3</option> 
        <option value="8">#2</option> 
        <option value="9">#1</option>
        <option value="10">1/0</option> 
        <option value="20">2/0</option> 
        <option value="30">3/0</option>
        <option value="40">4/0</option>
        <option value="250">250</option>
        <option value="300">300</option> 
        <option value="350">350</option> 
        <option value="400">400</option>
        <option value="500">500</option> 
        <option value="600">600</option> 
        <option value="700">700</option>
        <option value="750">750</option> 
        </select>  <br>
        <b>Conduit Size</b><br>
        <select id="cond">
        <option value="1">1/2</option> 
        <option value="2">3/4</option> 
        <option value="3">1</option>
        <option value="4">1-1/4</option> 
        <option value="5">1-1/2</option> 
        <option value="6">2</option>
        <option value="7">2-1/2</option> 
        <option value="8">3</option> 
        <option value="9">3-1/2</option>
        <option value="10">4</option> 
        <option value="11">5</option> 
        <option value="12">6</option>
        </select><br><br>
        <input type="button" value="Wires allowed" onclick="fillcap();" > 
        </form>
</body>
</html>

# 3  
check this code:-)


Code:
<html>
<head>
<script type="text/javascript">
function fillcap(){
        var wire = document.form.wire.value;
        var conduit = document.form.cond.value;
        if (wire >= 10 && conduit == 1) {
            alert("Wire Size exceeds conduit max fill!")
        }
        else {
            alert("Blah Blah!")
		}
}
</script>			
</head>
<body>
<form name="form">
        <h2>Fill Capacity</h2>
        <b>Wire Size</b><br>
        <select name="wire">
        <option value="1">#14</option> 
        <option value="2">#12</option> 
        <option value="3">#10</option>
        <option value="4">#8</option> 
        <option value="5">#6</option> 
        <option value="6">#4</option>
        <option value="7">#3</option> 
        <option value="8">#2</option> 
        <option value="9">#1</option>
        <option value="10">1/0</option> 
        <option value="20">2/0</option> 
        <option value="30">3/0</option>
        <option value="40">4/0</option>
        <option value="250">250</option>
        <option value="300">300</option> 
        <option value="350">350</option> 
        <option value="400">400</option>
        <option value="500">500</option> 
        <option value="600">600</option> 
        <option value="700">700</option>
        <option value="750">750</option> 
        </select>  <br>
        <b>Conduit Size</b><br>
        <select name="cond">
        <option value="1">1/2</option> 
        <option value="2">3/4</option> 
        <option value="3">1</option>
        <option value="4">1-1/4</option> 
        <option value="5">1-1/2</option> 
        <option value="6">2</option>
        <option value="7">2-1/2</option> 
        <option value="8">3</option> 
        <option value="9">3-1/2</option>
        <option value="10">4</option> 
        <option value="11">5</option> 
        <option value="12">6</option>
        </select><br><br>
        <input value="Wires allowed" type="button" onclick="fillcap()"> 
        </form>
</body>
		</html>


Last edited by pludi; 09-28-2010 at 06:01 PM.. Reason: code tags, please...
# 4  
Thanks,

Both of those worked but I swear I did both of those options and could not get it to work. Could this be because it was a separate js file? karthikprasathk your version looks identical to mine except that you added it to the head. Is that all or am I missing something?

---------- Post updated at 10:29 AM ---------- Previous update was at 10:11 AM ----------

Wow just figured it out. Came down to taking the apostrophes off and adding another equals sign to the second argument. Thank you both for your help.
Login or Register for Dates, Times and to Reply

Previous Thread | Next Thread
Thread Tools Search this Thread
Search this Thread:
Advanced Search

Test Your Knowledge in Science: Gadgets
Difficulty: Easy
Microphones can be used not only to pick up sound, but also to project sound similar to a speaker.
True or False?

8 More Discussions You Might Find Interesting

1. Web Development

Web development learning thread(Javascript, HTML, CSS, angular, vue.js).

Hello All, After getting inspired from Neo, I have started a bit of JS learning these days. Whenever I learn something I will try to post it here(as of now my learning is NOT exactly bookish where I am going chapter by chapter etc, it could be more like small-small project vice kind of), I... (25 Replies)
Discussion started by: RavinderSingh13
25 Replies

2. Shell Programming and Scripting

How to get values from href in HTML to sh

Hi, This is a part of my code: case "$1" in home) echo '<h2> Select a student: </h2>' echo '<br>' for stunum in $(ls ./) do echo "<a href=edit?numeric_stu=$stunum>`sed -n 1p ./$stunum/info`</a>" echo '<br>' done edit)... (1 Reply)
Discussion started by: jerrywangzi
1 Replies

3. Programming

javascript average from from values in radiobuttons?

Hi all, can you please help me with these part of my code, I want to calculate average grade from each module and not sure if need to label each element there, or is there any easier option to do that? appreciate your help... (0 Replies)
Discussion started by: me.
0 Replies

4. Programming

Looking For the Best Way to Rotate an Image: JavaScript, PHP, HTML etc

Hey All, What I'm looking for is a way to rotate an image by non 90 degree angles (ie 90, 180, 270, 360). I am able to do it in PHP, but there are errors in the image, some pixels end up colored incorrectly and the image ends up resized and I lose transparency. I've done my share of searching on... (1 Reply)
Discussion started by: pmd006
1 Replies

5. Shell Programming and Scripting

Javascript or HTML to retrieve apache username

I have a internal wesbite set up and any visitor must enter username / passwd as defined in apache (I've set these up using htpasswd) I use cgi scripts set up using ksh or javascript to populate pages / tables etc. I want to be able to get the apache username that the used authorised... (3 Replies)
Discussion started by: frustrated1
3 Replies

6. Shell Programming and Scripting

Passing Bash variable to javascript

How do I pass a bash variable to a javascript? I've tried #!/bin/bash echo "Content-type: text/html" echo "" echo "<html>" echo "<head>" counter=0 echo '<script> window.parent.document.forms.counter.value = "$counter"; </script>' I have an iframe script which I am trying to pass a... (3 Replies)
Discussion started by: numele
3 Replies

7. Shell Programming and Scripting

passing values into logrotate??

Wondering if this is possible? OK, here is my question. I'm backing up a TON of different logs in different locations. I'm querying a database for the information. What I'd like to do, is pass that information into a logrotate script for the backup.. i.e. I'm trying to do the following: ... (1 Reply)
Discussion started by: imbiea
1 Replies

8. Shell Programming and Scripting

Passing FORM(HTML) variable to ksh

I am currently able to use the $QUERY_STRING variable and simply cut out what I need to be assigned as variables within the shell script. However, I've been able to use the "name" value assigned within the FORM(HTML) as a variable when I use perl. Why is it that ksh doesn't read the "name" in as... (1 Reply)
Discussion started by: douknownam
1 Replies

Featured Tech Videos