title: Looking for a better solution
body: <p>I have a variation of products that can be purchased in different colors based on the Purchasers desire.</p>
  
  <p>My first dropdown is if they buy 1 product which is easy wont waste your time.</p>
  
  <p>The second is purchasing 2 products.
  Dropdown 1 has black / white / red / blue
  Dropdown 2 has black / white / red / blue</p>
  
  <p>The second tier is purchasing 3 products</p>
  
  <p>Dropdown 1 has black / white / red / blue
  Dropdown 2 has black / white / red / blue
  Dropdown 3 has black / white / red / blue</p>
  
  <p>Each variation has a different link so for example there are on the 3 products, 48 ways to purchase Black. BK / BK / Bk and so on.</p>
  
  <p>What I am trying to do, is create a code that takes black white red or blue, and creates a link regardless of the color.</p>
  
  <p>Here is a link based on a color Black / Black / Black = <a href="http://get.pressybutton.com/cart/653746441:1" rel="nofollow">http://get.pressybutton.com/cart/653746441:1</a> 
  Unfortunatly the link characteristics are not based on the color options (or this would be far easier). What I want to be able to do is create a method that regardless of white black red, or red black white, or black red white, that is chosen, the link will always be black red white.</p>
  
  <p>Pretty extensive right. Here is the code I have created.
  HTML</p>
  
  <pre><code>   &lt;form id="dropdown" name="dropdown"&gt;
          &lt;select accesskey="E" class="style stylethree combine3" id="target"
          name="selected"&gt;
              &lt;option value="black"&gt;
                  Black
              &lt;/option&gt;
  
              &lt;option value="blue"&gt;
                  Blue
              &lt;/option&gt;
  
              &lt;option value="red"&gt;
                  Red
              &lt;/option&gt;
  
              &lt;option value="white"&gt;
                  White
              &lt;/option&gt;
          &lt;/select&gt; &lt;select accesskey="E" class="style stylefour combine4" id=
          "target" name="selected"&gt;
              &lt;option value="black"&gt;
                  Black
              &lt;/option&gt;
  
              &lt;option value="blue"&gt;
                  Blue
              &lt;/option&gt;
  
              &lt;option value="red"&gt;
                  Red
              &lt;/option&gt;
  
              &lt;option value="white"&gt;
                  White
              &lt;/option&gt;
          &lt;/select&gt; &lt;select accesskey="E" class="style stylefive combine5" id=
          "target" name="selected"&gt;
              &lt;option value="black"&gt;
                  Black
              &lt;/option&gt;
  
              &lt;option value="blue"&gt;
                  Blue
              &lt;/option&gt;
  
              &lt;option value="red"&gt;
                  Red
              &lt;/option&gt;
  
              &lt;option value="white"&gt;
                  White
              &lt;/option&gt;
          &lt;/select&gt; &lt;input class="select_pre_1" type="button" value=
          "Get (3) Pressy’s!"&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>var solidLink = "http://get.pressybutton.com/cart/";
  var col_1a;
  var col_2a;
  
  var col_1b;
  var col_2b;
  var col_3b; 
  $('.select_pre_1').click(function(){
      /*** BLACK BLACK ---- COLOR ***/
      if(col_1b == "black" &amp;&amp; col_2b == "black" &amp;&amp; col_3b == "black"){
  
          window.location.href = solidLink+"653746441:1"
      }
      if(col_1b == "black" &amp;&amp; col_2b == "black" &amp;&amp; col_3b == "red"){
          window.location.href = solidLink+"653746445:1"
      }
      if(col_1b == "black" &amp;&amp; col_2b == "black" &amp;&amp; col_3b == "white"){
          window.location.href = solidLink+"653746449:1"
      }   
      if(col_1b == "black" &amp;&amp; col_2b == "black" &amp;&amp; col_3b == "blue"){
  
          window.location.href = solidLink+"653746497:1"
      }
  });
  </code></pre>
  
  <p>Final thought.</p>
  
  <p>What I want to do, is create a <code>var</code> that combines the three chosen variables, then computes them, regardless of the formation it should spit grab the proper link. Here is my example.</p>
  
  <pre><code>var solidLink = "http://get.pressybutton.com/cart/";
  var col_1a;
  var col_2a;
  
  var col_1b;
  var col_2b;
  var col_3b;
  var combine_3 = col_1b+","+col_2b+","+col_3b; 
  $('.select_pre_1').click(function(){
      if(combine_3 == "black"){
         window.location.href = solidLink+"653746441:1"
      }
      if(combine_3 == "black, white, black")/*** The variation shouldnt matter ***/{
         window.location.href = solidLink+"653746449:1"
      }
  });
  </code></pre>
  
  <p>I think the method above would work. So regardless of the color, it would just check to see if it has all three of those var. Lastly I know this can be done with json... (which I am not the best with).  THank you!!! I hope I spelled this out for everyone.</p>