JavaScriptの変数を定義すると..
var inch=0.0254,
yard=0.9144
あなたは書ける
<option>inch</option>
そしてそれにアクセスします
window[document.select.textContent]
はるかに高速ですが、コードははるかに長くなります。
あなたの場合、読みやすさがより重要です
はい、多次元オブジェクトを作成します。(グループ)
また、値にアクセスするのも簡単です。
obj={
"length":{
inches:0.0254,
miles:1609.344,
},
"weight":{
kg:1
}
}
でアクセスできます
obj.length.inches
また
obj['length']['inches']
そして書く
window.onload=function(){
var obj={
length:{
inches:0.0254,
miles:1609.344,
}
}
var select1=document.createElement('select'),
select2=null,
f=document.createDocumentFragment(),
input=document.createElement('input'),
convert=document.createElement('button');
for(var a in obj.length){
f.appendChild(document.createElement('option')).textContent=a;// easyway to access
}
select1.appendChild(f);
select2=select1.cloneNode(true);
input.type='text';
convert.textContent='Convert';
convert.addEventListener('click',function(e){
console.log(
input.value,
obj.length[select1.textContent],// easyway to access
obj.length[select2.textContent]// easyway to access
)
},false);
var bdy=document.body
bdy.appendChild(input);
bdy.appendChild(select1);
bdy.appendChild(select2);
bdy.appendChild(convert);
}