jquery mobile에서 selectbox사용시
- 작성자 :
- 신*호
- 작성일 :
- 2013-04-02 10:23:06
- 조회수 :
- 1,563
- 구분 :
- 모바일
- 진행상태 :
- 완료
Q
안녕하세요.
전자정부 모바일 프레임워크에서
option값 목록을 선택하면 타이틀의 값도 변경이 되어야 하는데
이건 변경되지 않는데요. 어떻게 해야 하나요?
$("#generateUI").contents().find("#select-choice-1").val("ss");
이런 명령으로는 되지가 않네요.
구글링을 해보면 selectmenu("refresh",true)를 하면된다고 하는데 역시 않되구요.
수고하십시요.
-----------------------------------------
아래는 참고 소스입니다.
<!-- component source -->
<div data-role="fieldcontain">
<label for="select-choice-1" class="select">선택 하시오:</label>
<select name="select-choice-1" id="select-choice-1" data-theme="c" data-icon="plus">
<option value="option-1" >option1-1</option>
<option value="option-2" >option1-2</option>
</select>
</div>
전자정부 모바일 프레임워크에서
option값 목록을 선택하면 타이틀의 값도 변경이 되어야 하는데
이건 변경되지 않는데요. 어떻게 해야 하나요?
$("#generateUI").contents().find("#select-choice-1").val("ss");
이런 명령으로는 되지가 않네요.
구글링을 해보면 selectmenu("refresh",true)를 하면된다고 하는데 역시 않되구요.
수고하십시요.
-----------------------------------------
아래는 참고 소스입니다.
<!-- component source -->
<div data-role="fieldcontain">
<label for="select-choice-1" class="select">선택 하시오:</label>
<select name="select-choice-1" id="select-choice-1" data-theme="c" data-icon="plus">
<option value="option-1" >option1-1</option>
<option value="option-2" >option1-2</option>
</select>
</div>
A
안녕하세요 신용호님..
select 를 사용해서 해당 내용이 바뀌었을 경우.. 그 값을 사용하기 위해서는..
select 내용이 바뀌는 순간 해당 이벤트(onchange)를 받아서.. 해당값을 자바스크립트 내에서 처리 하셔야 동적으로 HTML 상의 내용을 변화 시킬 수가 있습니다.
이벤트 발생시 해당 값을 가져오는 예제는 다음 내용을 참고 하시면 될 것 같습니다.
<select id="seledtBox" onchange="alert(this.value)">
<option id="0" value="value1">value1</option>
<option id="1" value="value2">value2</option>
<option id="2" value="value3">value3</option>
<option id="3" value="value4">value4</option>
<option id="4" value="value5">value5</option>
</select>
감사합니다!!
select 를 사용해서 해당 내용이 바뀌었을 경우.. 그 값을 사용하기 위해서는..
select 내용이 바뀌는 순간 해당 이벤트(onchange)를 받아서.. 해당값을 자바스크립트 내에서 처리 하셔야 동적으로 HTML 상의 내용을 변화 시킬 수가 있습니다.
이벤트 발생시 해당 값을 가져오는 예제는 다음 내용을 참고 하시면 될 것 같습니다.
<select id="seledtBox" onchange="alert(this.value)">
<option id="0" value="value1">value1</option>
<option id="1" value="value2">value2</option>
<option id="2" value="value3">value3</option>
<option id="3" value="value4">value4</option>
<option id="4" value="value5">value5</option>
</select>
감사합니다!!
