jQuery Mobile是一個流行的框架，它可以幫助你在移動設(shè)備上構(gòu)建網(wǎng)站和應(yīng)用程序。在jQuery Mobile中，combobox是一種非常實(shí)用的控件，它可以讓用戶在下拉列表中選擇一個值，并且還可以輸入自己的值。下面我們來看一看如何使用jQuery Mobile combobox。

<div data-role="fieldcontain">
<label for="select-choice-1" class="select">Your favorite pet:</label>
<select name="select-choice-1" id="select-choice-1">
<option value="">Select one...</option>
<option value="dog">Dog</option>
<option value="cat">Cat</option>
<option value="bird">Bird</option>
<option value="fish">Fish</option>
</select>
</div>

在上面的代碼中，我們使用了一個簡單的select元素來創(chuàng)建combobox。我們將它包含在一個fieldcontain容器中，這樣可以確保它與頁面中的其它元素正確對齊。

現(xiàn)在我們在JavaScript中初始化combobox：

<script>
$(document).ready(function(){
$('#select-choice-1').selectmenu({
style: 'dropdown',
maxHeight: 200
});
});
</script>

這個例子使用了jQuery的ready()方法，它會在文檔加載完成后觸發(fā)。在ready()方法中，我們將select元素轉(zhuǎn)換成combobox，然后設(shè)置一些選項(xiàng)，如樣式和最大高度。

當(dāng)用戶選擇一個選項(xiàng)或輸入自己的值時，我們可以使用jQuery來獲取combobox的值：

<script>
$(document).ready(function(){
$('#select-choice-1').selectmenu({
style: 'dropdown',
maxHeight: 200,
change: function(event, ui){
var value = $(this).val();
alert('You selected ' + value);
}
});
});
</script>

在上面的代碼中，我們在change事件處理程序中獲取combobox的值，并用alert()方法顯示它。

總結(jié)一下，jQuery Mobile combobox是一種非常實(shí)用的控件，在移動設(shè)備上構(gòu)建網(wǎng)站和應(yīng)用程序時可以大顯身手。通過使用簡單的HTML和JavaScript代碼，我們可以創(chuàng)建、初始化和獲取combobox的值。希望這篇文章能對你有所幫助。