jQuery 원하는 요소에 벨류(value) 값 넣기


<script type="text/javascript">

$(document).ready(function() {
    $('#test').val('원하는 값');
  });

$(document).ready(function() {

$('#test').val('원하는 값');

});

✅ 1) `<input>` 요소의 value 넣기


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

<script>
  $('#userName').val('홍길동');
</script>

$('#userName').val('홍길동');

</script>

✅ 결과: <input> 안에 “홍길동” 입력됨

✅ 2) `<select>` 요소 value 선택하기


<select id="city">
  <option value="SEL">서울</option>
  <option value="PUS">부산</option>
  <option value="ICN">인천</option>
</select>

<script>
  $('#city').val('PUS'); // 부산 선택됨
</script>

</select>

$('#city').val('PUS'); // 부산 선택됨

</script>

✅ 3) `<textarea>` 값 넣기


<textarea id="memo"></textarea>

<script>
  $('#memo').val('메모 내용 작성');
</script>

$('#memo').val('메모 내용 작성');

</script>

✅ 4) `div`, `span` 같은 텍스트 요소에 값 넣기 (`text()`, `html()`)


<div id="title"></div>
<span id="msg"></span>

<script>
  $('#title').text('제목입니다');  // 순수 텍스트
  $('#msg').html('<b>굵은 메시지</b>'); // HTML 포함
</script>

$('#title').text('제목입니다'); // 순수 텍스트

$('#msg').html('<b>굵은 메시지</b>'); // HTML 포함

</script>

✅ 5) input value 가져와서 다른 요소에 넣기


<input type="text" id="source" value="Hello" />
<input type="text" id="target" />

<script>
  let val = $('#source').val();
  $('#target').val(val);
</script>

let val = $('#source').val();

$('#target').val(val);

</script>

✅ 6) 여러 개의 input에 한번에 값 넣기


$('.phone-input').val('010-0000-0000');

<input class="phone-input" />
<input class="phone-input" />
<input class="phone-input" />

$('.phone-input').val('010-0000-0000');


$('.phone-input').val('010-0000-0000');<br>

$('.phone-input').val('010-0000-0000');<br>

✅ 1) <input> 요소의 value 넣기

✅ 2) <select> 요소 value 선택하기

✅ 3) <textarea> 값 넣기

✅ 4) div, span 같은 텍스트 요소에 값 넣기 (text(), html())

✅ 5) input value 가져와서 다른 요소에 넣기

✅ 6) 여러 개의 input에 한번에 값 넣기

✅ 1) `<input>` 요소의 value 넣기

✅ 2) `<select>` 요소 value 선택하기

✅ 3) `<textarea>` 값 넣기

✅ 4) `div`, `span` 같은 텍스트 요소에 값 넣기 (`text()`, `html()`)