Combobox是一種常見的下拉框控件，通過設(shè)置數(shù)據(jù)源，可以從中選擇需要的條目。通常，我們可以從后臺讀取數(shù)據(jù)，也可以將數(shù)據(jù)作為靜態(tài)資源存儲在本地。本文將介紹如何使用Combobox從本地txt文件中讀取json格式的數(shù)據(jù)。

首先，需要創(chuàng)建一個txt文件，命名為data.txt，將數(shù)據(jù)以json格式存儲。例如：

{
	"items":[
{"name":"Apple", "value":1},
{"name":"Orange", "value":2},
{"name":"Banana", "value":3},
{"name":"Grape", "value":4}
	]
}

接下來在HTML中創(chuàng)建一個Combobox控件，并使用jQuery來讀取data.txt中的json數(shù)據(jù)。

<select id="myCombobox"></select><br><br>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
	$(document).ready(function(){
$.getJSON("data.txt", function(data){
$.each(data.items, function(key, value){
$('#myCombobox').append('<option value="' + value.value + '">' + value.name + '</option>');
});
});
	});
</script>

上面的代碼首先創(chuàng)建了一個空的select元素，并設(shè)置id為“myCombobox”。然后使用jQuery中的getJSON方法讀取data.txt文件中的json數(shù)據(jù)，然后使用each方法遍歷每一個數(shù)據(jù)項，并將其添加到myCombobox控件中。

最后，保存文件，并將data.txt和HTML文件放在同一目錄下。打開瀏覽器并運(yùn)行HTML文件，即可看到Combobox中顯示了從data.txt文件里讀取到的json數(shù)據(jù)。