如何使用JavaScript获取文本输入字段的值？

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用JavaScript进行搜索。我会使用一种表格，但是它弄乱了我页面上的其他内容。我有此输入文本字段：

<input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/>

这是我的JavaScript代码：

<script type="text/javascript">
  function searchURL(){
    window.location = "http://www.myurl.com/search/" + (input text value);
  }
</script>

如何从文本字段获取值到JavaScript？

回答：

有多种方法可直接获取输入文本框值（无需将输入元素包装在表单元素内）：

document.getElementById('textbox_id').value 得到所需盒子的价值

document.getElementById("searchTxt").value;

方法2、3、4和6返回元素的集合，因此请使用[whole_number]获得所需的出现。对于第一个元素，使用[0]，对于第二个元素，使用1，依此类推…

使用

document.getElementsByClassName('class_name')[whole_number].value哪个将返回实时HTMLCollection

document.getElementsByClassName("searchField")[0].value;如果这是页面中的第一个文本框。

使用document.getElementsByTagName('tag_name')[whole_number].value它还返回实时HTMLCollection

document.getElementsByTagName("input")[0].value;如果这是页面中的第一个文本框。

document.getElementsByName('name')[whole_number].value 这也>返回活动的NodeList

document.getElementsByName("searchTxt")[0].value;如果这是页面中第一个名称为“

searchtext”的文本框。

使用功能强大document.querySelector('selector').value的CSS选择器来选择元素

document.querySelector('#searchTxt').value;按ID

document.querySelector('.searchField').value;选择，按类

document.querySelector('input').value;选择，按标记

document.querySelector('[name="searchTxt"]').value;名选择，按名称选择，按名称选择

document.querySelectorAll('selector')[whole_number].value

它也使用CSS选择器来选择元素，但是它会返回带有该选择器的所有元素作为静态Nodelist。

document.querySelectorAll('#searchTxt')[0].value; 按ID

document.querySelectorAll('.searchField')[0].value;选择，按类

document.querySelectorAll('input')[0].value; 选择，按标记

document.querySelectorAll('[name="searchTxt"]')[0].value;名选择，按名称选择，按名称选择

支持

Browser          Method1   Method2  Method3  Method4    Method5/6
IE6              Y(Buggy)   N        Y        Y(Buggy)   N
IE7              Y(Buggy)   N        Y        Y(Buggy)   N
IE8              Y          N        Y        Y(Buggy)   Y
IE9              Y          Y        Y        Y(Buggy)   Y
IE10             Y          Y        Y        Y          Y
FF3.0            Y          Y        Y        Y          N    IE=Internet Explorer
FF3.5/FF3.6      Y          Y        Y        Y          Y    FF=Mozilla Firefox
FF4b1            Y          Y        Y        Y          Y    GC=Google Chrome
GC4/GC5          Y          Y        Y        Y          Y    Y=YES,N=NO
Safari4/Safari5  Y          Y        Y        Y          Y
Opera10.10/
Opera10.53/      Y          Y        Y        Y(Buggy)   Y
Opera10.60
Opera 12         Y          Y        Y        Y          Y

以上是 如何使用JavaScript获取文本输入字段的值？ 的全部内容， 来源链接： utcz.com/qa/415265.html

回到顶部