JQuery select 값으로 선택

1 개요

jQuery select 값으로 선택

$('#fruits option[value=값]').attr('selected','selected');
// 또는
$('#fruits').val('값');

2 예시1

<select id='fruits'>
<option value='' >-- 선택 --</option>
<option value='apple' selected>사과</option>
<option value='banana'>바나나</option>
<option value='lemon'>레몬</option>
</select>
<button id='btn-select-banana'>banana 선택</button>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function(){
  $('#btn-select-banana').click(function() {
    $('#fruits').val('banana');
  });
});
</script>

3 예시2: 한글 value 테스트

• value가 한글이어도 잘된다.

<select id='fruits'>
<option value='' selected>-- 선택 --</option>
<option value='사과'>사과</option>
<option value='바나나'>바나나</option>
<option value='레몬'>레몬</option>
</select>
<button id='btn-select-banana'>바나나 선택</button>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function(){
	$('#btn-select-banana').click(function() {
		$('#fruits').val('바나나');
	});
});
</script>

4 같이 보기

• select 태그
• jQuery .attr()
• jQuery select 인덱스로 선택
• jQuery select 텍스트로 선택

5 참고

• http://stackoverflow.com/questions/314636/how-do-you-select-a-particular-option-in-a-select-element-in-jquery