reactjs怎么获取文本框的值

reactjs怎么获取文本框的值,第1张

目的 : 获取文本框的值

工具 : reactjs

要想获取文本框的值,首先我们需要看一下官方文档的解释:

这里的意思是说当文本框的内容改变的时候,文本框的输入的内容就会作为一个参数进行传递。因此我们就可以获取到文本框里面的内容就好了。

提供以下代码可供参考使用:

constructor (props) {

     super (props)

     thisstate = {

       screen: thisinitScreen(),

       txtValue: null,

       dataSource: new ListViewDataSource({

         rowHasChanged: (row1, row2) => row1 !== row2

       }),

       loaded: false

     }

   }

 

 。。。。

 

 

  <TextInput

    selectTextOnFocus = {true}

    onChangeText={(text) => {

    thisstatetxtValue = text

    thisgetContent()

    }}

 

 。。。

 /获取文本框中的值/

 getContent () {

     ToastAndroidshow(thisstatetxtValue, ToastAndroidLONG)

   }

var b=objrowsitem(2)cells(2)children(0)value;

var b=objrowsitem(2)cells(2)childNodes(0)value;

var b=objrowsitem(2)cells(2)getElementsByTagName('input')(0)value;

var b=objrows[2]cells[2]children[0]value;

var b=objrows[2]cells[2]children[0]getAttribute('value');

因为是textarea,所以要使用innerText才能的获取容器里面的文本值

如下:

documentgetElementById("content1")innerText;

如果是控件,比如input,就要用value

如果是标签,比如p,span,div ,ul,就要用innerHTML

使用两个方法都可以:documentgetElementById("文本框ID")value、documentgetElementByName("文本框名字")value

前提是你文本框要带id和name属性

<html>

<body>

<script language="JavaScript">

function OP()

{

//因为页面中只有一个name为text1的所以取第一个元素

var x=documentgetElementsByName("Text1")[0];

alert(xvalue);

}

</script>

<p><input id="Text1" type="text" name="text1" /></p>

<p><input type="button" value="显示输入的内容" onclick="return OP()"/></p>

</body>

</html>

原因:<input id="Text1" type="text" />没有设置name这个属性,所以 var x=documentgetElementsByName("Text1");是不对的,得用 getElementById,第二个错误,是取值。

扩展资料:

关于上述中提到的name属性

name 和 id 属性都可以与 href 属性结合起来使用,这样一个 <a> 标签就可以同时作为超链接和片段标识符使用。

可以简单地将片段标识符看作是对许多编程语言中普遍使用的 goto 语句标签的 HTML 模拟。<a> 标签中的 name 属性或者 <a> 或其他标签中的 id 属性会在文档中放置一个标识。

当标签用于链接到该文档时,就等于告诉浏览器要转到(goto)该标识。id 或 name 属性的值可以是引号引起来的任何字符串。

字符串必须是唯一的标记,不能在同一文档中的其他 name 或 id 属性中重复使用,但是可以在不同的文档中再次使用。

如果使用 id 属性,上面的实例可改写为:

<a id="#C1">第一章</a>

<a id="#C2">第二章</a>

<a id="#C3">第三章</a>

<a id="#C3">第四章</a>

失去焦点就去获取,在文本框中写一个onblur事件就可以动态获取了:

<form id="form1" name="form1" method="post" action="">

<input name="改变" type="button" onblur="javascript:getvalue();" value="改变" />

<input name="获取" type="button" onclick="javascript:getss();" value="获取" />

<input name="传递" type="button" onclick="javascript:senss();" value="传递" />

</form>

function getvalue(){

alert(documentgetElementById("ename")value);

}

以上就是关于reactjs怎么获取文本框的值全部的内容,包括:reactjs怎么获取文本框的值、js怎么获取表格里的文本框的值,求大虾指导!、JavaScript中如何获取多行文本框中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10040504.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存