如何在JavaScript中获取文本框值

Gna*_*air 97 html javascript

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

例如:

<input type="text" name="txtJob" value="software engineer">
Run Code Online (Sandbox Code Playgroud)

我只得到:上面的"软件".我正在使用这样的脚本:

var jobValue = document.getElementById('txtJob').value
Run Code Online (Sandbox Code Playgroud)

我如何获得全部价值:"软件工程师"?

Gum*_*mbo 76

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

var jobValue = document.getElementsByName('txtJob')[0].value  // first element in DOM  (index 0) with name="txtJob"
Run Code Online (Sandbox Code Playgroud)

或者您为元素分配ID:

<input type="text" name="txtJob" id="txtJob" value="software engineer">
Run Code Online (Sandbox Code Playgroud)


bob*_*nce 61

+1 Gumbo:'id'是访问页面元素的最简单方法.如果找不到具有给定ID的任何内容,IE(预版本8)将返回具有匹配"名称"的内容,但这是一个错误.

我只得到"软件".

id-vs-name不会影响这个; 我怀疑发生了什么(与示例代码相反),你忘记引用你的'价值'属性:

<input type="text" name="txtJob" value=software engineer>
Run Code Online (Sandbox Code Playgroud)


小智 11

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);
Run Code Online (Sandbox Code Playgroud)

问题是你没有使用来自表单的输入值的编码,所以不是浏览器添加到...

ontop在unicode编码/解码操作方面存在一些问题,因此使用此函数编码字符串/数组

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);
Run Code Online (Sandbox Code Playgroud)


小智 7

<!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> 
Run Code Online (Sandbox Code Playgroud)