html - 如何在JavaScript中获取文本框值

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

例如：

我只得到：上面的“软件”。 我正在使用这样的脚本：

var jobValue = document.getElementById('txtJob').value

我如何获得全部价值：“软件工程师”？

15个解决方案

75 votes

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

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

或者您为元素分配ID：

Gumbo answered 2019-08-08T02:21:19Z

60 votes

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

我只得到“软件”。

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

bobince answered 2019-08-08T02:20:47Z

11 votes

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编码/解码操作方面存在一些问题所以使用此函数编码字符串/数组

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);

ferit answered 2019-08-08T02:21:51Z

7 votes

Enter your Name here:

function displayname() {

document.getElementById("demo").innerHTML =

document.getElementById("namehere").value;

}

zakara answered 2019-08-08T02:22:08Z

5 votes

将id的id属性设置为txtJob.当您致电getElementById时，您的浏览器会表现得很古怪。

Daniel A. White answered 2019-08-08T02:22:33Z

3 votes

如果它是一种形式，那么它将是：

然后你会在javascript中说：

var val= document.jojo.jobtitle.value

document.formname.elementname

Jim answered 2019-08-08T02:23:05Z

3 votes

当您需要文本框值时提供。 简单的一个：

var result = document.getElementById("textbox").value;

Vicky Chaudhary answered 2019-08-08T02:23:30Z

3 votes

如果您使用的是ASP.NET，则下面这些示例中的服务器端代码标记将提供确切的控件ID，即使您使用的是母版页。

使用Javascript：

document.getElementById("").value;

JQuery的：

$("#").val();

Sham answered 2019-08-08T02:23:59Z

0 votes

如果您使用任何用户控件并希望获取任何文本框值，则可以使用以下代码：

var result = document.getElementById('LE_OtherCostsDetails_txtHomeOwnerInsurance').value;

这里，LE_OtherCostsDetails是用户控件的名称，txtHomeOwnerInsurance是文本框的id。

Ranjan Srivastava answered 2019-08-08T02:24:32Z

0 votes

问题是你犯了一个小小的错误！

这是我使用的JS代码：

var jobName = document.getElementById("txtJob").value;

你不应该使用name =“”。 而是使用id =“”。

1010 answered 2019-08-08T02:25:12Z

0 votes

您需要更改以下代码： -

function myFunction(){

$a= document.getElementById("mainText").value;

alert($a);

}

Vishal Thakur answered 2019-08-08T02:25:37Z

0 votes

因为你在软件工程师html / php之间使用空间不会支持文本框下的值之间的空间，你必须使用这个代码它会工作

Vikas Sharma answered 2019-08-08T02:26:03Z

0 votes

var jobValue=document.FormName.txtJob.value;

尝试上面的代码。

jobValue：变量名。

FormName：html中表单的名称。

txtJob：文本框名称

Rahul answered 2019-08-08T02:26:49Z

0 votes

使用jquery应该很简单：

HTML：

JS：

var jobValue = $('#txtJob').val(); //Get the text field value

$('#txtJob').val(jobValue); //Set the text field value

JamesC answered 2019-08-08T02:27:19Z

0 votes

设置文本框的ID。即

在javascript中

var jobValue = document.getElementById('txtJob').value

在Jquery

var jobValue = $("#txtJob").val();

answered 2019-08-08T02:27:59Z