Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript-如何使用变量按id预选选项_Javascript_Url_Dropdown_Preset - Fatal编程技术网

javascript-如何使用变量按id预选选项

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

我的页面上有两个选择字段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 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”;}