If case is always true, but probably false
<p>I have a simple form drop-down, and I want to display something different depending on the selection value. I have a variable called <em>connectiontype</em> that comes in with the correct values from the drop down, but the if/else statements don't seem to work - I always end up with red. Any ideas as to why?</p>

<pre><code>Add 
&lt;select name="connection_type" id="connection_type"&gt;
  &lt;option value="red"&gt;Red&lt;/option&gt;
  &lt;option value="green"&gt;Green&lt;/option&gt;
  &lt;option value="blue"&gt;Blue&lt;/option&gt;
&lt;/select&gt;
connection 

&lt;input type="button" value="Go" onclick="javascript:addDataSource();"&gt;
</code></pre>

<p>Here's the javascript, simplified.</p>

<pre><code>function addDataSource() {
    DSN++;

    connectiontype = $("#connection_type").val();

    if (connectiontype = 'red') {
        var html =   'Red';
     } else if (connectiontype = 'green') {
        var html =   'Green';
    } else {
        var html =   'Blue';
    }

    addElement('DSN', 'div', 'DSN-' + DSN, html);
    console.log(DSN);
}   

function addElement(parentId, elementTag, elementId, html) {
    var p = document.getElementById(parentId);
    var newElement = document.createElement(elementTag);
    newElement.setAttribute('id', elementId);
    newElement.innerHTML = html;
    p.appendChild(newElement);
}
</code></pre>
