首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在JavaScript中获取文本框值

如何在JavaScript中获取文本框值
EN

Stack Overflow用户
提问于 2009-04-18 16:41:25
回答 12查看 797.8K关注 0票数 104

我尝试使用JavaScript从HTML框中获取值,但是值不在空格之后

例如:

代码语言:javascript
复制
<input type="text" name="txtJob" value="software engineer">

我只能从上面得到:“软件”。我使用的脚本如下:

代码语言:javascript
复制
var jobValue = document.getElementById('txtJob').value

如何获得完整的值:“软件工程师”?

EN

回答 12

Stack Overflow用户

发布于 2009-04-18 16:45:39

您的元素没有ID,只有名称。因此,您可以使用getElementsByName()方法来获取具有以下名称的所有元素的列表:

代码语言:javascript
复制
var jobValue = document.getElementsByName('txtJob')[0].value  // first element in DOM  (index 0) with name="txtJob"

或者为元素分配一个ID:

代码语言:javascript
复制
<input type="text" name="txtJob" id="txtJob" value="software engineer">
票数 79
EN

Stack Overflow用户

发布于 2011-07-31 04:44:59

代码语言:javascript
复制
var word = document.getElementById("word").value;//by id
or
var word = document.forms[0].elements[0].value;//by index
//word = a word from form input
var kodlandi = escape(word);//apply url encoding

alert(escape(word));
or
alert(kodlandi);

问题是您没有对表单中的输入值使用编码,因此不是浏览器将其添加到...

ontop有一些unicode编码/解码操作的问题,因此使用此函数编码字符串/数组

代码语言:javascript
复制
function urlencode( str ) 
{
// http://kevin.vanzonneveld.net3.    
// +   original by: Philip Peterson4.    
// +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)5.    
// *     example 1: urlencode('Kevin van Zonneveld!');
// *     returns 1: 'Kevin+van+Zonneveld%21'7. 
   var ret = str; 
   ret = ret.toString();
   ret = encodeURIComponent(ret);
   ret = ret.replace(/%20/g, '+');
   return ret;
}


ex.
var word = "some word";
word = urlencode(word);
票数 11
EN

Stack Overflow用户

发布于 2015-09-14 13:29:59

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<body>
<label>Enter your Name here: </label><br>
<input type= text id="namehere" onchange="displayname()"><br>


<script>
function displayname() {
    document.getElementById("demo").innerHTML = 
document.getElementById("namehere").value;
}

</script>


<p id="demo"></p>

</body>
</html> 
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/763745

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档