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';
}