JS获取文本框的值

1.通过getElementById() 方法获得,必须为文本框设定ID值,该方法获得的是一个对象的应用(返回值

为:Object),要获得文本框的值需添加属性值--value,如:
<input type="text" size="10" id="port11" name="port11" />

获值代码:document.getElementById("port11").value;

另:要获得标签<h1>中间的值,方法如下:
<h1 id="you">12345</h1>
document.getElementById("you").innerHTML;
返回值为:12345

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

2.如果是表单(<form>)中的文本框,还可以通过以下方式获得值:

<form name="form1" method="post" action="manager.do?action=login">
<tr><td >会员编号:</td>
<td ><input name="memberNo" type="text" id="memberNo" size="21" ></td>

<td ><input name="Submit" type="submit" value="确定" onClick="return check(form1)"></tr>
</form>

js中的代码:function check(form){var str = form.memberNo.value;}

注意点:表单需指定名称(name),方法中需指定传入的参数对象。

要通过JavaScript获取文本框输入的,可以使用getElementById()、getElementsByName()或getElementsByTagName()方法。 如果你的文本框有一个唯一的id属性,你可以使用getElementById()方法来获取它的。例如,通过以下代码可以获取id为"inputValueID"的文本框: var value = document.getElementById("inputValueID").value; 如果你的文本框有一个name属性,你可以使用getElementsByName()方法来获取它的。例如,通过以下代码可以获取name为"inputValueID"的文本框: var value = document.getElementsByName("inputValueID")\[0\].value; 如果你想获取所有文本框,可以使用getElementsByTagName()方法。例如,通过以下代码可以获取所有input元素的: var inputs = document.getElementsByTagName("input"); var values = \[\]; for (var i = 0; i < inputs.length; i++) { values.push(inputs\[i\].value); } 请注意,getElementsByName()和getElementsByTagName()方法返回的是一个元素列表,所以需要通过索引来获取具体的元素。而getElementById()方法返回的是一个具体的元素,所以可以直接获取。 希望这个回答对你有帮助! #### 引用[.reference_title] - *1* *2* *3* [通过js获得input文本框输入的](https://blog.youkuaiyun.com/qq_41153943/article/details/100154376)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值