입력 필드 값 설정

입력 필드 값 설정

양식의 기본값을 어떻게 설정하시겠습니까?<input>JavaScript의 텍스트 필드

다음 방법 중 하나가 있습니다.

document.getElementById("nameofid").value = "My value";

setAttribute' 기능을 사용합니다.

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>

양식에 다음과 같은 입력 필드가 포함되어 있는 경우

<input type='text' id='id1' />

그러면 아래 주어진 대로 javascript로 코드를 작성하여 값을 다음과 같이 설정할 수 있습니다.

document.getElementById('id1').value='text to be displayed' ; 

여러 양식을 사용하는 경우 다음을 사용할 수 있습니다.

<form name='myForm'>
    <input type='text' name='name' value=''>
</form>

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>

2021년 답변

사용하는 대신document.getElementById()이제 사용할 수 있습니다.document.querySelector()경우에 따라

다른 StackOverflow 응답으로부터의 상세 정보:

querySelector를 사용하여 표현할 수 없는 규칙을 가진 요소를 찾을 수 있습니다.getElementById그리고.getElementsByClassName

예:

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

또는

let myInput = document.querySelector('input[name="myInput"]');
myInput.value = 'Whatever you want!';

테스트:

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

<input type="text" name="myInput" id="myInput" placeholder="Your text">

이거 한번 써보세요.

document.getElementById("current").value = 12

// or

var current = document.getElementById("current");
current.value = 12

답은 정말 간단하다.

// Your HTML text field

<input type="text" name="name" id="txt">

//Your javascript

<script type="text/javascript"> 
document.getElementById("txt").value = "My default value";
</script>

또는 JavaScript를 완전히 피하고 싶은 경우:HTML만 사용하여 정의할 수 있습니다.

<input type="text" name="name" id="txt" value="My default value">

<input id="a_name" type="text" />

이 솔루션은 다음과 같습니다.jQuery:

$(document).ready(function(){
  $('#a_name').val('something');
});

또는 를 사용하여JavaScript:

document.getElementById("a_name").value = "Something";

해피 코딩 :)

간단한 답은 Javascript에 없습니다.플레이스 홀더를 취득하는 가장 간단한 방법은 플레이스 홀더 속성을 사용하는 것입니다.

<input type="text" name="text_box_1" placeholder="My Default Value" />

document.getElementById("fieldId").value = "Value";

또는

document.forms['formId']['fieldId'].value = "Value";

또는

document.getElementById("fieldId").setAttribute('value','Value');

간단합니다. 예를 들어 다음과 같습니다.

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field
</script>

어떤 이유로든 필드에 이름 속성만 있고 다른 속성은 없는 경우 다음을 수행할 수 있습니다.

document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";

<form>
  <input type="number"  id="inputid"  value="2000" />
</form>


<script>
var form_value = document.getElementById("inputid").value;
</script>    

기본값을 새 값으로 변경할 수도 있습니다.

<script>
document.getElementById("inputid").value = 4000;     
</script>

html에서 사용하는 이 부분

<input id="latitude" type="text" name="latitude"></p>

이것은 JavaScript 입니다.

<script>
document.getElementById("latitude").value=25;
</script>

다음의 조작도 가능합니다.

document.getElementById('theID').value = 'new value';

다이렉트 액세스

ID를 사용하면 JS 글로벌 스코프에서 직접 입력에 액세스할 수 있습니다.

myInput.value = 'default_value'

<input id="myInput">

다음 코드는 완벽하게 작동합니다.

var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');

언급URL : https://stackoverflow.com/questions/7609130/set-the-value-of-an-input-field