2011-08-18 9 views
0

jquery를 사용하여 드롭 다운 선택기를 만들려고합니다. 선택한 옵션은 항목이 선택되었을 때 렌더링되는 차트의 날짜 범위를 설정합니다.JQuery 모바일 용 드롭 다운 목록

휴대 전화에서 phonegap을 통해 작업해야합니다.

나는 JQuery UI를 살펴 봤지만 사용할 수있는 적합한 것은없는 것 같다.

여러분 (그리고 gals)이 추천 할만한 것이 있습니까?

+0

정상적인 [select 요소] (http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html)의 문제점은 무엇입니까? –

답변

2

나는 간단한 선택 요소로 가서 가능한 한 간단하게 당신을 건의 할 것입니다. 당신이 선택한 값을 사용할 것이라고 언급 했으므로 나는 이런 식으로 할 것을 제안합니다.

<script type = text/javascript> 
$(function(){ 
    $('#number').bind('change', function(){ 
     display(); 
    }); 
}); 

function display(){ 
    $('#display').html(''); 
    var number = $('#number'); 
    // now this variable stores the value you need you can use this !! 
    $('#display').append('<p>' number '</p>'); 
} 

</script> 


<form method="get" name="datarange"> 
    <select id="number" name="value you need"> 
     <option value="select-value" selected="selected">Select A value</option> 
     <option value="atlanta"> 1 </option> 
      ..... 
</select> 
</form> 
<div id="display" class="rss-box"></div> 
</div> 
+0

감사합니다. 작동합니다. 방금 ​​모바일을위한 다른 방법이 있다면 방황했지만 단순한 것 같습니다. :) – Paresh

2

일반 선택 요소와 유사하게 기능하고 모바일 애플리케이션에 최적화 된 것을 찾고 있다면 jQuery Mobile Select Menus을 확인해야합니다. PhoneGap과 함께 jQuery 모바일을 사용하면 모바일 애플리케이션 UI를 손쉽게 생성 할 수 있습니다.

희망이 도움이됩니다.