在js中用对象获取list的value

JavaScript013

在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()。

第一步:首选需要获取element元素,有很多种方法getElementById("")(只能获取单一dom元素)想要获取元素集合请使用getElementsByName("")

第二步:设置属性-element.setAttribute("属性名称","属性值");获取属性-element.getAttribute("属性名称");

1、使用提示框可以获取输入。

提示框用于提示用户输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

语法:

prompt("文本","默认值")。如:

var value=prompt("北京奥运会是哪一年?","2008")

2、使用文本框或文本域可以获取输入,如:

<html>

<head>

<script type="text/javascript">

function getValue()

{

var v=document.f.t.value

alert(v)

}

</script>

</head>

<body>

<form name="f">

<input type="text" name="t" />

<input type="button" value="输入文本,再点我" onclick="getValue()"/>

</form>

</body>

</html>