次のコードは、ページが読み込まれる直前にトリガーされます。これで、select に値を入力することができました。しかし、最初の値をデフォルトの選択値にする方法がわかりません。
$(document).on('pagebeforeshow', '#searchpage',
//This function is the whole function that runs when the pagebefore event occurs
function () {
//This reads the universities from the api we created
$.getJSON(AddressAccess + "Home/university/format/json",
function (data) {
//The data is sent back in a collection of objects. We need to extract each object and do relative operations
for (var i = 0; i < data.length; i++) {
var university = data[i];
var SelectDropDown = document.getElementById("searchuniversity");
var NewOption = new Option(university.Name, university.UniverstiyID);
if (i == 1) {
SelectDropDown.add(NewOption, Selected);
} else {
SelectDropDown.add(NewOption);
}
};
});
});
ここSelectDropDown.add(NewOption,Selected);
で、選択のオプションとして1つのオプションのみを使用すると、jsonデータから読み取られる最初のオプションを選択に表示されるデフォルトのオプションにするだけです。