2011-08-18 84 views
0

我試圖做一個下拉選擇器使用jQuery。選定的選項將設置選擇項目時顯示的圖表的日期範圍。JQuery下拉列表爲移動

這需要通過手機在手機上工作。

我看過JQuery UI,但似乎沒有什麼合適的我可以使用。

有什麼你們(和gals)可以推薦?

+0

有什麼不對正常[選擇元素(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 mobile是創建移動應用程序UI的一種簡單方法。

希望這會有所幫助。