如何获取当前文本框里的值

如何获取当前文本框里的值,第1张

<script>

function f()

{

var s;

s=documentgetElementById("text1")value;

documentgetElementById("tt")innerHTML=s;

//alert(s);

}

</script>

<input type="text" name="text1" id="text1" onKeyUp="f();"><span id="tt"></span>

TextField获取输入的数据,可以使用TextFieldgetText()trim();

其中getText()是获得文本,trim()是用来去掉文本前后的空字符的。

TextField的其他 *** 作可以查看JDK提供的API查看。

var keyword="";//关键字

这样写就可以:

var keyword=documentforms[0]keywordvalue;//关键字

但是,你的这样语句就是页面加载的时候执行一次,因为你写在onLoad里面的,那么当页面加载以后你修改keyword的值是没有效果的。

要能够多次执行,应该这样:

<html><head>

<script language="JavaScript">

function func()

{

var keyword=documentforms[0]keywordvalue;//关键字

var r=documentbodycreateTextRange();

var s='<font style="background-color: #FFFF00;">'+keyword+'</font>';

while(rfindText(keyword)){

for(var o=rparentElement();o&&otagName!="A";o=oparentElement);

if(!o)try{

rpasteHTML(s);

}catch(e){}

rcollapse(false);

}

return false;

}

</script>

</head><body>

<form onSubmit="return func();">

<input name='keyword' type='text' value="">

<input type=submit value='Search'>

</form>

</body></html>

可以使用输入框的val()方法来获取input的值,给按钮绑定点击事件触发d出该输入框的值。

工具原料:编辑器、浏览器

1、解决的思路就是给一个按钮绑定点击事件,然后参数该输入框的值,代码如下:

<html>

<head>

<script type="text/javascript" src="libs/jquery/214/jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function(){

  $("button")click(function(){

    alert($(":text")val());

  });

});

</script>

</head>

<body>

<p>Name: <input type="text" name="user" value="" /></p>

<button>改变文本域的值</button>

</body>

</html>

2、运行的结果如下:

var inputLength = $("input[type='text']")length; //获取type为text文本框个数

$("input[type='text']")each(function(){

    var val = $(this)val();//通过循环获取文本框的数据

});

引入jquery核心js文件

2

创建jquery页面加载后执行的函数,使用jquery获取文本框的值,并d出值

$(document)ready(function(){ alert($("input[name=demo]")val());});

3

创建input文本框value="测试值"

<input type="text" name="demo" value="测试值"/>

4

刷新页面后就会d出“测试值”文本框

以上就是关于如何获取当前文本框里的值全部的内容,包括:如何获取当前文本框里的值、javafx 如何TextField获得文本框的值、js怎么获取文本框内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9519279.html

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

发表评论

登录后才能评论

评论列表(0条)

保存