javascript-如何使用变量按id预选选项
我的页面上有两个选择字段selectA和selectB。现在我想通过点击链接来预选它们:javascript-如何使用变量按id预选选项,javascript,url,dropdown,preset,Javascript,Url,Dropdown,Preset,我的页面上有两个选择字段selectA和selectB。现在我想通过点击链接来预选它们:http://www.mypage.com/index.html?selectA=a132&selectB=b02#bestellung我使用javascript将a132和b02解码并写入var idA和var idB。但是如何使用这些变量来触发字段的预选?a132是selectA选项的id。b02是selectB选项的id 我的代码: 函数getUrlVars(){ var vars={}; var
http://www.mypage.com/index.html?selectA=a132&selectB=b02#bestellung
我使用javascript将a132和b02解码并写入var idA和var idB。但是如何使用这些变量来触发字段的预选?a132是selectA选项的id。b02是selectB选项的id
我的代码:
函数getUrlVars(){
var vars={};
var parts=window.location.href.replace(/[?&]+([^=&]+)=([^&+]*)/gi,函数(m,键,值){
变量[键]=值;
});
返回变量;
}
var idA=getUrlVars()[“selectA”];
var idB=getUrlVars()[“selectB”];
document.getElementById(“selectA”).selectedId=idA;
document.getElementById(“selectB”).selectedId=idB;
函数updateImage(id,srcCallback){
var img=document.getElementById(id);
如果(img){
img.src=srcCallback();
}
}
函数getImageSrc(表单){
var sel1=形式大小;
var sel2=form.Options;
返回“img/preview/”+sel1.options[sel1.selectedIndex].id+sel2.options[sel2.selectedIndex].id+“.jpg”;
}
1.请选择:
魏思礼;15,00欧元
魏思黎黄金10,00欧元
grü;黄金12,00欧元
antrazith 15,00欧元
自然黄金13,00欧元
联合千斤顶18,00欧元
StG 18,00欧元
斯特里芬18,00欧元
黄金18,00欧元
>
2.请选择:
魏思礼;(E14)3,00欧元
橙色(E14)3,00欧元
粉红色(E14)3,00欧元
rot(E14)3,00欧元
波尔卡罗特(E14)3,00欧元
维希·卡洛·洛特(E14)3,00欧元
Vichy Karo blau(E14)3,00欧元
taubengraublau(E14)3,00欧元
nachtblau(E14)3,00欧元
dunkelgrü;n(E14)3,00欧元
黄金(E14)4,00欧元
如果您选择的所有选项都有ID,那么您只需执行以下操作:
document.querySelector('#' + idA).selected = true
document.querySelector('#' + idB).selected = true
为SelectBox发布HTML。谢谢。这是可行的,但不幸的是,它与下面的脚本有冲突。你知道怎么解决吗?Firebug说:TypeError:form为null var sel1=form.Size;index.h…tellung(Zeile 229,Spalte 10)函数updateImage(id,srcCallback){var img=document.getElementById(id);if(img){img.src=srcCallback();}}}函数getImageSrc(form){var sel1=form.Size;var sel2=form.Options;返回“img/preview/”+sel1.Options[sel1.selectedIndex].id+sel2.Options[sel2.selectedIndex].id+“.jpg”;}