Double Drop box 去页面跳转

Question

首先感谢您的帮助。我正在使用降价板。我创建了 2 个下拉框列表，如下所示。

<select>                                
  <option value="TTF">TTF</option>
  <option value="NBP">NBP</option>
  <option value="ZEE">ZEE</option>
  <option value="GP">GP</option>
  <option value="NCG">NCG</option>
  <option value="CEGH">CEGH</option>
  <option value="PNORD">PNORD</option>
  <option value="PSV">PSV</option>
</select>

<select>                                
  <option value="Q1-Q4, Q2-Q1, Q3-Q2, Q4-Q3">Q1-Q4, Q2-Q1, Q3-Q2, Q4-Q3</option>
  <option value="Winter-Summer, Summer(+1)-Winter">Winter-Summer, Summer(+1)-Winter</option>
  <option value="Jan-Dec(Y-1), Feb-Jan, March-Feb, Apr-March">Jan-Dec(Y-1), Feb-Jan, March-Feb, Apr-March</option>
  <option value="May-Apr, June-May, July-June, Aug-July">May-Apr, June-May, July-June, Aug-July</option>
  <option value="Sep-Aug, Oct-Sep, Nov-Oct, Dec-Nov">Sep-Aug, Oct-Sep, Nov-Oct, Dec-Nov</option>
  <option value="Q1-W(-1), Q2-S, Q3-S, Q4-W">Q1-W(-1), Q2-S, Q3-S, Q4-W</option>
  <option value="Jan-Q1, Feb-Q1, March-Q1, Apr-Q2">Jan-Q1, Feb-Q1, March-Q1, Apr-Q2</option>
  <option value="May-Q2, June-Q2, July-Q3, Aug-Q3">May-Q2, June-Q2, July-Q3, Aug-Q3</option>
  <option value="Sep-Q3, Oct-Q4, Nov-Q4, Dec-Q4">Sep-Q3, Oct-Q4, Nov-Q4, Dec-Q4</option>
</select>

我正在尝试link两个下拉框的值进行页面跳转。基本上，如果您在第一个 select 和第二个 "Q1-Q4, Q2-Q1, Q3-Q2, Q4-Q3" 中 select 我希望页面转到 space 我写的地方：

<A Name="TTF Q1-Q4, Q2-Q1, Q3-Q2, Q4-Q3">

抱歉，如果我的问题很愚蠢，但我不知道该怎么做。

Answer 1

http://jsfiddle.net/nitd24/kyyupk3z/

$('#secondSelect').change(function(){
 var fistSelectVal = $('#firstSelect').val();
    var secondSelectVal = $('#secondSelect').val();

    location.href = "#" + fistSelectVal + ' ' + secondSelectVal;
})

只需将您希望页面跳转到的 div 作为两个下拉菜单值的组合。

试试看这是不是你想要的？？

Double Drop box 去页面跳转

Double Drop box going to page jump

html

javascript

page-jump

drop-down-menu