在js中用对象获取list的value

JavaScript018

在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>