天天看點

jQueue 動态設定form表單的action屬性的值和方法

head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Web Service File Up&down Test</title>
<script type="text/javascript" src="js/jquery-1.7.js"></script>
</head>
<body>
<form action="./rest/file/" method="post" id="UpFormId" name="UpForm" enctype="multipart/form-data" οnsubmit="getUrl();">
	FinePath:<input type="text"  name="fileNameDir" id="fileNameDir" readonly="true" value=""/><br/>
	File    :<input type="file" name="file" id="file" value=""/><br/>
	<input type="submit" value="Submit" />
</form>

	<hr/>
	<a href="./path" target="_blank" rel="external nofollow"  >look file path</a>
</body>
<script type="text/javascript" language="javascript">
$(function(){
	var ofile = $("#file");
	var ofileName = $("#fileNameDir");
	ofile.change(function(){
		ofileName.val(ofile.val());
	});
});

function getUrl(){  
	var ofileName = $("#fileNameDir");
	$("#UpFormId").attr("action", "./rest/file/"+ofileName.val()+"?ondup=ow&access=sdweqw");
}
</script>
           

上面的JS代碼:

1、$(function())函數用來動态修改選中檔案的值;

2、getUrl()方法用于form送出時,修改action的值;

另外轉載:

#########################################

html代碼:

<form id="myFormId" name="myForm" action="" method="post">

  <input type="hidden" id="inParam" name="inParam" />

  <input type="hidden" id="tstype" name="tstype" />

  <input type="hidden" id="zd" name="zd" />

</form>

熟悉JavaScript的朋友一定曉得JS可以動态改變form表單中action的值,寫法如下:

document.myForm.action = "userinfo.shtml";   

//需要注意的是form标簽一定要有name屬性,光有id沒有name不起作用

document.myForm.attributes["action"].value  = "XXXXXXXX";

document.all("myFormId").setAttribute("action", "欲賦的action的值");

上述兩種方式在JavaScript中均經過測試。

-------

下面介紹在jQuery中設定form表單中action的值的方法。

$("#myFormId").attr("action", "userinfo.shtml");

【注意】:$("#myFormId").action="XXX";  這種寫法是不起作用的! 

-------------------------------------------------------------------------------------------

<form action="xxx.php" id="demo_form" method="POST">

<input type="text" id="form_stock" name="s" data-default="代碼/名稱/拼音" value="" />

<input type="hidden" value="addstock" name="action"/>

<button onClick="$(‘#demo_form’).attr({‘action’:'insert.php’}).submit();">添 加</button>

<button onClick="$(‘#demo_form’).attr({‘action’:'search.php’}).submit();">查 詢</button>

</form>

-------------------------------------------------------------------------------------------

用jQuery時,可如下設定:

      form表單:

<form name="myform" id="myform" action="ssss" method="post" οnsubmit="getUrl();">
           

 javascript方法:

<script type="text/javascript">
     function getUrl(){    
       $('form').attr('action','new_url');       
    }
 </script>
           

或者用單純的javascript:

function test1(){  
   alert(document.myform.action);//傳回值:http://localhost:8080/XXX/ssss
   alert(document.myform.attributes["action"].value);//傳回值:ssss    與上一行有差別
//   以下三行,随便哪一行都行         
   document.getElementById('myform').action=‘new_url’;
   document.myform.action=‘new_url’;
   document.myform.attributes["action"].value = 'new_url';
}