Login or Register to Ask a Question and Join Our Community


Web Development

Help with passing HTML values in to JavaScript

Login to Discuss or Reply to this Discussion in Our Community

 
Thread Tools Search this Thread
Top Forums Web Development Help with passing HTML values in to JavaScript
# 1  
Old 09-28-2010
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  
Old 09-28-2010
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  
Old 09-28-2010
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 07:01 PM.. Reason: code tags, please...
# 4  
Old 09-28-2010
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 to Ask a Question

Previous Thread | Next Thread

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 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

8. Shell Programming and Scripting

Passing values out awk.

found that passing (input) values to awk, all work well. For example: errpt | awk 'BEGIN { errore=0 } substr($2,1,4) /'ParamData'/ { .... } ' ParamData=`date +"%m%d"` Now I wish to obtain (output) a value. Using this method is it possible to re-write ParamData, for example? Thanks in... (3 Replies)
Discussion started by: gio123bg
3 Replies
Login or Register to Ask a Question