jQueue 动态设置form表单的action属性的值和方法

最新推荐文章于 2023-05-12 22:23:03 发布

zzhongcy

最新推荐文章于 2023-05-12 22:23:03 发布

阅读量6.3k

点赞数

分类专栏： RestEasy 文章标签： RestEasy

本文链接：https://blog.csdn.net/zzhongcy/article/details/20133883

版权

RestEasy 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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代码：

熟悉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>

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

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

zzhongcy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQueue 动态设置form表单的action属性的值和方法

head>Web Service File Up&down Test FinePath： File ： look file path$(function(){ var ofile = $("#file"); var ofileName = $("#fileNameDir"); ofile.change(function(){ ofileName.
复制链接

扫一扫

专栏目录