用JS控制表单的输出值

JavaScript012

用JS控制表单的输出值,第1张

这种效果很容易实现。用你的例子来说:

当“用户名”输入框失去焦点后你可以使用ajax异步请求方式到后台查询出所输入用户分配的任务,然后把任务赋值到“分配任务”input框上。

html修改如下:

<input type="text" id="key1" onblur="getTask(this)"/>

<input type="text" id="key2" />

js代码可以这么写:

function getTask(obj){

    $.post(url,{username:$(obj).val()},function(data){

        $("#key2").val(data)  

    })        

 }

这里的url是你请求到后台查询任务action的url,username是你传到后台的用户名称。

希望对你有所帮助!

方法有n种

1、表单提交方式:

1)Get方式提交

function UrlSearch() {

var name,value

var str = window.location.href//取得整个地址栏

var num = str.indexOf("?")

str = str.substr(num+1)//取得所有参数

var arr = str.split("&")//各个参数放到数组里

for ( var i = 0i <arr.lengthi++ ) {

num = arr[i].indexOf("=")

if ( num >0 ) {

name = arr[i].substring(0,num)

value = arr[i].substr(num+1)

this[name] = value

}

}

}

var Request = new UrlSearch()

//以上是模拟asp的Request对象的QueryString方法

var Key = Request.key //获取上次提交的参数key的值

//有了这个值就可以在document.getElementById("showme").innerHTML赋值时写成Key + values

2)Post方式提交

可以借助asp,如

var Key = "<%=request.Form("key")%>"

之后同理,在赋值时写成Key + values

2、使用ajax

1)不使用表单提交,而使用ajax发送数据,如此页面就不会刷新了,既可以实现表单提交的要求,又可以用js随意修改页面上的文字。

2)使用ajax将上次提交的数据记录到Session或Cookie,供下次调用

3、用js把上次提交的数据记录到Cookie,供下次调用。