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" >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">
</form>
熟悉JavaScript的朋友一定晓得JS可以动态改变form表单中action的值,写法如下:
document.myForm.action = "userinfo.shtml";
//需要注意的是form标签一定要有name属性,光有id没有name不起作用
document.myForm.attributes["action"].value
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';
}