JS動態改變form表單裡的action值屬性的方法

阿新 • • 發佈：2019-01-12

前幾天自己看了一個小程式，對form裡的action值有所困惑，後來才明白其原理是動態改變form表單裡的action值。這裡主要介紹兩種方法。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>第一種方法</title>
<script language="javascript">
    function check() {
        if (document.form1.a[0].checked == true 
)<!--表示選中頁面一-->
            document.form1.action = "1.jsp"
        else
            document.form1.action = "2.jsp"
    }
</script>
</head>
<body>
    <form name="form1" method="post" action="first" onSubmit="check();">
        頁面一<input type="radio" name="a"> 
        頁面二<input 
 type="radio" name="a"> 
        <input name="" type="submit" value="提交">
    </form>
</body>
</html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>第二種方法</title>
</head>
<body>
    <form 
 id="form1" name="form1" method="post" action="../news/index.asp">
        <table width="100%" height="43" border="0" cellpadding="0"
            cellspacing="0">
            <tr>
                <td height="28"><input name="keyword" type="text"
                    style="width: 150px" id="keyword" /></td>
            </tr>
            <tr>
                <td height="28">
                <select name="Searchtype" style="width: 110px" 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>
</body>
</html>

JS動態改變form表單裡的action值屬性的方法

前幾天自己看了一個小程式，對form裡的action值有所困惑，後來才明白其原理是動態改變form表單裡的action值。這裡主要介紹兩種方法。 <html> <head> <meta http-equiv="Content-

js動態生成form表單並提交

在提交json資料時，可能會出後臺無法解析資料的bug，碰到這個不要怕，在提交資料前用js轉一下json就好了，下面我寫的程式碼裡有轉json的程式碼，如果只是傳單個數據，就沒必要寫成json格式了。 $("#exceldown").click(function() {

JavaScript學習筆記之function函式改變form表單的action跳轉到指定頁面

<body> <form name="form1" action="" method="post"> 患者名字:<input type="text" name="username" value="zhang" /><br /

jQuery改變form表單的action，並進行提交

<s:form action="/student/traScore.action?method=list" id="queryForm" name="queryForm"> </s

layer.js 彈出層提交form表單，action重定向

layer.js，一個jquery的外掛，可以用它來做資訊提示，彈出層等。使用layer.js做彈出層時，在彈出層裡直接提交form表單，返回的畫面仍然停留在彈出層裡。我們想在彈出層裡提交form表單後關閉彈出層，並跳轉到另一個畫面。 0.引入layer.j

在同一個form表單裡有2個按鈕，如何各自提交到不同的action裡面去。

很常見的業務場景：一個jsp頁面裡面有一個form表單，表單中有幾個input引數，兩個按鈕。一個按鈕是查詢功能，另一個按鈕是下載功能。 <% String path = request.getContextPath(); String basePath = req

將form表單裡的資料封裝成物件 json2.js的例子 jquery的serialize方法轉換空格為+號的解決方法

將form表單裡的資料封裝成json物件即object，在後臺中用usr就能接收全部引數了。可適用於strts2，easyUI的DataGrid 傳參等需要引用的js庫有jquery 和 json2.js <formid="fm"> <in

form表單無法提交js動態新增的表單元素遇到的坑

第一種情況，這種情況js動態新增的表單元素是不能提交到伺服器端的 <table> <form method="post" action=" url "> <tr><td></td><td>&

form表單的五大常用屬性:action,method,name,onsubmit,enctype

程式開發中,必不可少的會使用到form表單,以前只是在前端開發時簡單使用,對它的屬性不甚瞭解,最近在後端學習中,不斷接觸到它的屬性,現記錄一二. action action規定了提交表單時傳送表單資料的目的地,也即將資料發到哪裡,例如action="login.php". method method規

ckeditor.js的使用/form表單序列化後提交

ckeditor.js的使用/form表單序列化後提交 <script src="../ckeditor/ckeditor.js"></script> <textarea cols="40" rows="5" id="editor" name="desc"

vue+element-ui動態生成form表單

由於做專案的需要做一個不定項的form表單，即可以動態生成表單項的form表單，自己利用element-ui的el-form表單製作了一個，如下動圖：此動態form表單是基於element-ui裡的el-form表單基礎上進行修改而來，它實現了新增表單項、刪除表單項、表單驗證和重置表

使用Vue動態生成form表單的例項程式碼

具有資料收集、校驗和提交功能的表單生成器，包含複選框、單選框、輸入框、下拉選擇框等元素以及,省市區三級聯動,時間選擇,日期選擇,顏色選擇,檔案/圖片上傳功能，支援事件擴充套件。歡迎大家star學習交流：github地址示例 image https://raw.g

HTML form表單中action的正確寫法

mapping oca http context java ica 現在 ont ext 　　我的Java Web Application的context是myweb，即http://localhost:8080/myweb/index.jsp是歡迎頁。　　現在我的一個C

使用vue動態生成form表單 form-create

form-create 具有資料收集、校驗和提交功能的表單生成器，支援雙向資料繫結和事件擴充套件，元件包含有複選框、單選框

js 動態新增多表單控制元件 div

原生js實現獲取form表單資料

//獲取指定form中的所有的<input>物件 function getElements(formId) { var form = document.getElementById(formId); var element

jquery動態建立form表單

function exportExcel() { var merchantName = $('#merchantName').val(); var merchantNo = $('#merchantNo').val(); va

JS元件系列——Form表單驗證神器： BootstrapValidator

前言：做Web開發的我們，表單驗證是再常見不過的需求了。友好的錯誤提示能增加使用者體驗。博主搜尋bootstrap表單驗證，搜到的結果大部分都是文中的主題：bootstrapvalidator。今天就來看看它如何使用吧。一、原始碼及API地址介紹它之前，還是給出它的原始碼以及API的地址吧。

html form表單提交action和url跳轉到action有什麼區別.

form表單的action 與url跳轉是不一樣的： form表單可以給後臺傳遞資料，在後臺直接可以用request物件去向前臺請求資料。 form表單傳遞資料有兩種方式： method="post":這是傳遞大量資料時用的，在資料傳遞之前會先將資料打包，因此這種傳遞資料

js獲取form表單所有資料的簡單方法

在HTML中用js獲取通過GET、POST方法（就是在網址後加?a=b&c=d之類）傳過來的表單值。針對大家常用的獲取表單方式，很多時候都是在重複的寫一些程式碼，今天給大家貼出來的程式碼可以作為公用方法直接呼叫。可以提高大家的開發效率。 Js程式碼 (adsb

JS動態改變form表單裡的action值屬性的方法

相關推薦