登録ページと、3 つの選択オプションを含む編集ページを作成しました。ユーザーの登録中に、ユーザーが編集ページをクリックしたときに選択オプションの値を含むデータをデータベースに保存します データベースから取得したデータをテキストフィールドに入力することはできますが、選択オプションを選択することはできませんこれは、データベースから取得した値です。これを行うために使用したコードは次のとおりです。
変数はcompany
、データベースからのオプション値のデータを格納します
<select name="select-choice-a" id="select-choice-a" data-native-menu="false" data-theme="a">
<option>Select Company</option>
<option value="standard">facebook</option>
<option value="rush">Linked In</option>
<option value="express">Skype</option>
<option value="overnight">Twitter</option>
</select>
JavaScript
function fetchdetails(){
db.transaction(function(tx){
tx.executeSql(select_details,[ids,nam1],function(tx,results){
for(var i=0;i<results.rows.length;i++){
first_name=results.rows.item(i).frist_name;
last_name=results.rows.item(i).last_name;
company=results.rows.item(i).company;
title=results.rows.item(i).title;
industry=results.rows.item(i).industry;
owner=results.rows.item(i).owner;
email=results.rows.item(i).email;
landline=results.rows.item(i).landline;
mobile_no=results.rows.item(i).mobile;
fax_no=results.rows.item(i).fax_no;
website=results.rows.item(i).website;
street=results.rows.item(i).street_name;
city=results.rows.item(i).city;
region=results.rows.item(i).region;
pincode=results.rows.item(i).pincode;
country=results.rows.item(i).country;
linkedin=results.rows.item(i).linkedin_link;
twitter=results.rows.item(i).twitter_link;
facebook=results.rows.item(i).facebook_link;
skype=results.rows.item(i).skype_link;
additionalinfo=results.rows.item(i).additional_info;
}
});
});
}
var index='';
var x=document.getElementById('select-choice-a');
alert(x.options.length);
for(var i=0;i<x.options.length;i++){
if(x.options[i].value===company)
{
alert("I am in select option");
index=i;
alert("index of select-choice-a"+index);
break;
}
}
x.options[index].selected=true;