HTML 텍스트 상자에서 값을 가져 오기 위해 JavaScript를 사용하려고하는데 공백 뒤에 값이 나오지 않습니다.
예를 들면 :
<input type="text" name="txtJob" value="software engineer">위의 "소프트웨어"만 얻습니다. 다음과 같은 스크립트를 사용하고 있습니다.
var jobValue = document.getElementById('txtJob').value"소프트웨어 엔지니어"라는 완전한 가치를 얻으려면 어떻게해야합니까?
답변:
요소에는 ID가 아니라 이름 만 있습니다. 따라서 getElementsByName()메서드를 사용 하여 다음 이름을 가진 모든 요소의 목록을 가져올 수 있습니다 .
var jobValue = document.getElementsByName('txtJob')[0].value // first element in DOM (index 0) with name="txtJob"또는 요소에 ID를 할당합니다.
<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은 유니 코드 인코딩 / 디코딩 작업으로 몇 가지 문제가 있으므로 문자열 / 배열을 인코딩하는이 함수를 사용하십시오.
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);<!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> 세트 id의 속성 input에를 txtJob. 을 (를) 호출하면 브라우저가 이상하게 작동합니다 getElementById.
사용자 정의 컨트롤을 사용 중이고 텍스트 상자 값을 얻으려면 아래 코드를 사용할 수 있습니다.
var result = document.getElementById('LE_OtherCostsDetails_txtHomeOwnerInsurance').value;여기서는 LE_OtherCostsDetails사용자 정의 컨트롤의 이름이며 txtHomeOwnerInsurance텍스트 상자의 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>텍스트 상자의 ID를 설정합니다. 즉,
<input type="text" name="txtJob" value="software engineer" id="txtJob"> 자바 스크립트에서
var jobValue = document.getElementById('txtJob').valueJquery에서
var jobValue = $("#txtJob").val();