관리 메뉴

웹개발자의 기지개

select 박스 추가, 삭제 본문

jquery

select 박스 추가, 삭제

http://portfolio.wonpaper.net 2019. 7. 30. 20:54
<select name="person_plus1" onchange="personChg('1')">
	<option value="">=없음=</option>
    <option value="1">1명</option>
	<option value="2">2명</option>    
    <option value="3">3명</option>
</select>

<script>
function personChg(num) {
	if (num=="1") {
		$("select[name=person_plus"+num+"] option").remove();  // 옵션 모두 삭제
        // prepend는 옵션을 제일 앞에 추가
        $("select[name=person_plus"+num+"]").prepend("<option value=''>=없음=</option><option value='1'>1</option><option value='2'>2</option>");
        
      /* // 옵션끝에 추가
		$("select[name=person_plus"+num+"]").append("<option value='4'>4</option><option value='5'>5</option>");        
      */
    }
}
<script>

Comments