下拉选择值并使用Javascript将其发送到另一个页面

时间:2015-04-04 09:06:10

标签: javascript php forms

您好我使用的是小型表格,但遗憾的是它不起作用

这是我的代码

<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/,但我想将其重定向到特定页面,请帮助

2 个答案:

答案 0 :(得分:0)

请将名称属性更改为id

<select id="language">我认为它可以帮到你。

答案 1 :(得分:0)

此代码没有问题。它工作正常。运行代码段,我添加了一个警告框,显示从表单中选择的页面的确切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>