Я пытаюсь использовать JavaScript для получения значения из текстового поля HTML, но значение не появляется после пробела
Например:
<input type="text" name="txtJob" value="software engineer">
Я только получаю: "ПО" из вышеперечисленного. Я использую script следующим образом:
var jobValue = document.getElementById('txtJob').value
Как получить полное значение: "инженер-программист"?
+1 Gumbo: 'id - это самый простой способ доступа к элементам страницы. IE (предварительная версия 8) вернет объекты с соответствующим именем, если он не может найти что-либо с данным ID, но это ошибка.
Я получаю только "программное обеспечение".
id-vs-name не повлияет на это; Я подозреваю, что произошло то, что (в отличие от кода примера) вы забыли указать свой атрибут value:
<input type="text" name="txtJob" value=software engineer>
У вашего элемента нет идентификатора, а только имя. Таким образом, вы можете использовать метод getElementsByName() для получения списка всех элементов с этим именем:
var jobValue = document.getElementsByName('txtJob')[0].value // first element in DOM (index 0) with name="txtJob"
Или вы назначаете идентификатор элементу:
<input type="text" name="txtJob" id="txtJob" value="software engineer">
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);
Задайте атрибут id от input до txtJob. Ваш браузер действует причудливо, когда вы вызываете getElementById.
<!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>
Если он в форме, это будет:
<form name="jojo">
<input name="jobtitle">
</form>
Тогда вы скажете в javascript:
var val= document.jojo.jobtitle.value
document.formname.elementname
Предоставляется, когда вы хотите значение текстового поля. Простой:
<input type="text" value="software engineer" id="textbox">
var result = document.getElementById("textbox").value;
Если вы используете ASP.NET, теги кода на стороне сервера в приведенных ниже примерах предоставят точный идентификатор управления, даже если вы используете мастер-страницы.
JavaScript:
document.getElementById("<%=MyControlName.ClientID%>").value;
JQuery
$("#<%= MyControlName.ClientID %>").val();
Если вы используете какой-либо пользовательский элемент управления и хотите получить значения текстового поля, вы можете использовать приведенный ниже код:
var result = document.getElementById('LE_OtherCostsDetails_txtHomeOwnerInsurance').value;
Здесь LE_OtherCostsDetails - это имя пользовательского элемента управления, а txtHomeOwnerInsurance - это идентификатор текстового поля.
Проблема в том, что вы сделали крошечную ошибку!
Это код JS, который я использую:
var jobName = document.getElementById("txtJob").value;
Вы не должны использовать name= ". вместо этого используйте id =" ".
Вам нужно изменить свой код, как показано ниже: -
<html>
<body>
<div>
<form align="center" method=post>
<input id="mainText" type="text" align="center"placeholder="Search">
<input type="submit" onclick="myFunction()" style="position: absolute; left: 450px"/>
</form>
</div>
<script>
function myFunction(){
$a= document.getElementById("mainText").value;
alert($a);
}
</script>
</body>
</html>
поскольку вы использовали пространство между инженером-программистом html/php, не будет поддерживать пространство между значением в текстовом поле, вы должны использовать этот код
<input type="text" name="txtJob" value=software_engineer>
Он будет работать
var jobValue=document.FormName.txtJob.value;
Попробуйте этот код выше.
jobValue: имя переменной.
FormName: имя формы в html.
txtJob: Имя текстового поля
Это должно быть простым использованием jquery:
HTML:
<input type="text" name="txtJob" value="software engineer">
JS:
var jobValue = $('#txtJob').val(); //Get the text field value
$('#txtJob').val(jobValue); //Set the text field value