在js中用对象获取list的value

JavaScript030

在js中用对象获取list的value,第1张

1、html中有如下input控件,代码如下<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2、可以使用js通过id获取,var value = document.getElementById("productName").value。

3、下面我们alert(value),看一下是否获取到input的value值,可以看到,input的value值已经成功弹出。

4、还可以使用document.getElementsByName(name)的方法。

5、测试一下结果,同样还是alert,可以看到,依旧能够成功弹出value的值。

6、还可以通过jquery来获取input的value值,这需要引入jquery的js包,然后通过代码$("#id").val()获取,上面的例子可以使用$("#productName").val()。

7、也可以使用jquery的$("input['name=name']").val()来进行获取,比如上面的例子可以使用$("input['name=productName']").val()。

使用xmlhttprequest发出请求到后台

创建xmlhttprequest对象不同浏览器略有不同,大致可以参考如下

/* Util Functions */

function createXmlHttpRequest() {

if (window.XMLHttpRequest) { //None-IE

return new XMLHttpRequest()

}

else {

return new ActiveXObject("Microsoft.XMLHTTP")

}

}

获得相应后把响应的数据直接付给变量

var xmlHttpRequest = createXmlHttpRequest()

xmlHttpRequest.open("GET", url_disk_list_full, false)

xmlHttpRequest.send()

if (xmlHttpRequest.status == 200) {

var result = eval("(" + xmlHttpRequest.responseText + ")")

//现在result里面就是这个列表了,可以直接使用

}