If statement gives me undefined result
<p>I ve built a form that displays results according what the users select. I am trying to put an if statement together which will output datasheet 1 on choosing the specific values.
I want when somebody choose the 525 and the 134  and the 290 to give me datasheet 1 else give me the datasheet 3. Here is my code:</p>

<pre><code>&lt;form name="test" id="test""&gt;
    &lt;label for="select1"&gt;Height in (mm)&lt;/label&gt;
        &lt;select name="division-select" id="height"&gt;
        &lt;option label="Please Select"&gt;&lt;/option&gt;
            &lt;option value="525"&gt;525 or less&lt;/option&gt;
            &lt;option value="645"&gt;645 or less&lt;/option&gt;
            &lt;option value="1265"&gt;up to 1265&lt;/option&gt;
            &lt;option value="1270"&gt;more than 1265&lt;/option&gt;
        &lt;/select&gt;
        &lt;label for="select1"&gt;Width in (mm)&lt;/label&gt;
        &lt;select name="division-select" id="width"&gt;
        &lt;option label="Please Select"&gt;&lt;/option&gt;
            &lt;option value="134w"&gt;134 or less&lt;/option&gt;
            &lt;option value="190w"&gt;190 or less &lt;/option&gt;
            &lt;option value="290w"&gt;290 or less&lt;/option&gt;
            &lt;option value="328w"&gt;328 or less&lt;/option&gt;
            &lt;option value="420w"&gt;420 or more&lt;/option&gt;
        &lt;/select&gt;
        &lt;Br&gt;
        &lt;br&gt;
        &lt;label for="select1"&gt;Depth in (mm)&lt;/label&gt;
        &lt;select name="division-select" id="depth"&gt;
        &lt;option label="Please Select"&gt;&lt;/option&gt;
            &lt;option value="134d"&gt;134 or less&lt;/option&gt;
            &lt;option value="190d"&gt;190 or less &lt;/option&gt;
            &lt;option value="290d"&gt;290 or less&lt;/option&gt;
            &lt;option value="328d"&gt;328 or less&lt;/option&gt;
            &lt;option value="420d"&gt;420 or more&lt;/option&gt;
        &lt;/select&gt;
        &lt;br&gt;&lt;br&gt;
        &lt;h2&gt;Or select by load&lt;/h2&gt;
        &lt;label for="select1"&gt;Load in (kN)&lt;/label&gt;
        &lt;select name="division-select" id="load"&gt;
            &lt;option label="Please Select"&gt;&lt;/option&gt;
            &lt;option value="2-5"&gt;2.5 or less&lt;/option&gt;
            &lt;option value="5"&gt;5 or less &lt;/option&gt;
            &lt;option value="10"&gt;10 or less&lt;/option&gt;
            &lt;option value="25"&gt;25 or less&lt;/option&gt;
            &lt;option value="50"&gt;50 or more&lt;/option&gt;
        &lt;/select&gt;
        &lt;br&gt;
        &lt;p&gt;&lt;input type="button" onclick="calculate();" value="Find your Datasheet" /&gt;&lt;input type="button" onclick="formReset()" value="Reset form"&gt;&lt;/p&gt;

&lt;/form&gt;
&lt;div id="result"&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
function calculate() {
    var height = document.getElementById('height').value;
    var width = document.getElementById('width').value;
    var depth = document.getElementById('depth').value;
    var load = document.getElementById('load').value;
    if (document.getElementById("height").value == "") {
        var heightmsg = "Please select your sample's height.";
        document.getElementById("result").innerHTML = heightmsg;
        return false;
    }
    if (document.getElementById("width").value == "") {
        var widthmsg = "Please select your sample's width.";
        document.getElementById("result").innerHTML = widthmsg;
        return false;
    }
    if (document.getElementById("depth").value == "") {
        var depthmsg = "Please select your sample's depth.";
        document.getElementById("result").innerHTML = depthmsg;
        return false;
    }
    if (height === "525" &amp;&amp; width === "134" &amp;&amp; depth === "290") {
        if (height === "525" &amp;&amp; width === "290" &amp;&amp; depth === "134") {
            var str = '&lt;a href="#"&gt;Download your Datasheet 1&lt;/a&gt;';
        } else {
            var str = '&lt;a href="#"&gt;Download your Datasheet 3&lt;/a&gt;';
        }
    } else if (height == 1270) {
        var str = "This configuration is beyond the standard range of top-load testers. Please contact Mecmesin Sales to discuss ways to meet your requirements.";
    }
    document.getElementById("result").innerHTML = str;
}

function formReset() {
    document.getElementById("test").reset();
}
&lt;/script&gt;
</code></pre>

<p>Thanks in advance.</p>
