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.
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
<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.
Here is one solution using ids:
<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>
check this 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>
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.