답변:
이것은 한 가지 방법입니다.
document.getElementById("mytext").value = "My value";
.value = ...
하면 현재 값만 변경됩니다. 양식을 재설정하면 ( <input type="reset" />
예를 들어) 값이 원래 값으로 다시 변경됩니다. 반대로 setAttribute("value", ...)
Firefox 및 Chrome에서 제대로 작동합니다. 기본값은 변경되지만 실제 값은 사용자가 아직 수정하지 않은 경우에만 변경됩니다. 그러나 setAttribute
브라우저 호환성으로 인해 권장되지 않습니다. 다른 가능성이 있습니까?
'setAttribute'함수를 사용합니다.
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
value
도트 표기법을 사용하여 직접 액세스해야합니다. developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute set / getAttribute 만 사용하여 원래 값을 처리합니다. DOM이로드 된 후 .value
요소의 실제 작업 값을 나타냅니다.
setAttribute
. 내 문제는 함수 호출을 통해 입력 값을 변경하고 마지막으로 변경된 입력도 변경하는 것이 었습니다.
이것들을 사용해보십시오.
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">
value
여러 양식을 사용하는 경우 다음을 사용할 수 있습니다.
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
자리 표시자를 얻는 가장 간단한 방법은 자리 표시 자 속성을 사용하는 것입니다.
<input type="text" name="text_box_1" placeholder="My Default Value" />
시도해 볼 수도 있습니다 :
document.getElementById('theID').value = 'new value';