双滴盒去页跳

时间:2015-03-05 12:14:52

标签: javascript html drop-down-menu page-jump

首先感谢您的帮助。 我正在使用markdownPad。 我创建了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>

我正在尝试将两个下拉框的值链接到页面跳转。 基本上,如果你选择第一个&#34; TTF&#34;在第二个&#34; Q1-Q4,Q2-Q1,Q3-Q2,Q4-Q3和#34;我希望页面转到我写的空间:

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

试试这是否是你想要的?