目的 : 获取文本框的值
工具 : 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中如何获取多行文本框中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)