用JS動態(tài)改變表單form里的action值屬性的兩種方法

字號:


    下面小編就為大家?guī)硪黄肑S動態(tài)改變表單form里的action值屬性的兩種方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
    方法1:
    <form id="form1" name="form1" method="post" action="../news/index.asp">
       <table height="43" cellpadding="0" cellspacing="0">
        <tr>
         <td height="28"><input name="keyword" type="text" id="keyword"/></td>
        </tr>
        <tr>
         <td height="28"><select name="Searchtype" id="Searchtype" onchange="Searchtype1();">
          <option value="news" selected="selected">新聞中心</option>
          <option value="case">工程案例</option>
         </select>
         <input type="submit" name="Submit" value="搜索" /></td>
        </tr>
       </table>
     </form>
     <script language="javascript">
     function Searchtype1(){
     var type=document.getElementById("Searchtype").options[document.getElementById("Searchtype").selectedIndex].value;
     if (type=="news"){document.getElementById("form1").action="../news/index.asp"}
     else if (type=="case"){document.getElementById("form1").action="../case/index.asp"}
     }
    </script>
    方法2:
    <html>
    <head>
    <script language="javascript">
    function check(){
    if(document.form1.a[0].checked==true)
    document.form1.action="1.htm"
    else
    document.form1.action="2.htm"
    }
    </script>
    </head>
    <body>
    <form name="form1" method="post" action="" onSubmit="check();">
    轉(zhuǎn)到頁面一<input type="radio" name="a">
    轉(zhuǎn)到頁面二<input type="radio" name="a">
    <input name="" type="submit" value="提交">
    </form>
    </body>
    </html> 
    以上這篇用JS動態(tài)改變表單form里的action值屬性的兩種方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考