JQuery select 값으로 선택

jQuery select 값으로 선택

1 예시1

• 예제: http://example.zetawiki.com/jquery/select-by-value.html

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function(){
	$('#btn-select-banana').click(function() {
		$('#fruits option[value=banana]').attr('selected', 'selected');
	});
});
</script>

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

<button id='btn-select-banana'>banana 선택</button>

2 예시2: 한글 value 테스트

• value가 한글이어도 잘된다.
• 예제: http://example.zetawiki.com/jquery/select-by-value2.html

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function(){
	$('#btn-select-banana').click(function() {
		$('#fruits option[value=바나나]').attr('selected', 'selected');
	});
});
</script>

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

<button id='btn-select-banana'>바나나 선택</button>

3 같이 보기

• select 태그
• .attr()

4 참고

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