下拉列表選擇值，然后使用Javascript將其發送到另一個頁面

Question

您好，我使用的是小表格，但不幸的是它不起作用

這是我的代碼

<script language="javascript">
     function goPage() {
          if (document.frm.language.value != '') {   
              document.frm.action = document.frm.language.value;
              document.frm.submit();   
          }
     }
</script>

<form name="frm" method="get">  
     <select name="language">
        <option value="">select one</option>
        <option value="http://example.com/page1/">Page1</option>
        <option value="http://example.com/page2/">Page2</option>
        <option value="http://example.com/page3/">Page3</option>
        <option value="http://example.com/page4/">Page4</option>
        <option value="http://example.com/page5/">Page5</option>
        <option value="http://example.com/page6/">Page6</option>
     </select>
     <input type="button" value="Go" onclick="javascript:goPage()" />
</form>

以這種形式，它僅發送到http://example.com/，但我想將其重定向到特定頁面，請幫助

Answer 1

請將name屬性更改為id

<select id="language">我認為這可能會對您有所幫助。

Answer 2

這段代碼沒有問題。 一切正常。 運行代碼片段，我添加了一個警告框，其中顯示了從表單中選擇的頁面的確切URL。

  function goPage() { if (document.frm.language.value != '') { document.frm.action = document.frm.language.value; alert( document.frm.language.value); document.frm.submit(); } } 

 <form name="frm" method="get"> <select name="language"> <option value="">select one</option> <option value="http://google.com">Page1</option> <option value="http://yahoo.com">Page2</option> <option value="http://example.com/page3/">Page3</option> <option value="http://example.com/page4/">Page4</option> <option value="http://example.com/page5/">Page5</option> <option value="http://example.com/page6/">Page6</option> </select> <input type="button" value="Go" onclick="javascript:goPage()" /> </form>