QA@IT

セレクトボックスに文字列でないコードを埋め込み、表示させたい

4413 PV

セレクトボックスを2つ作って一つ目の選択によって2つ目の内容が変わるという簡易なプログラムになります。
JSの中の★が付いている箇所に文字列でなく以下コードを記述(表示)したいのですが、どうやってもエラーになってしまいます。

■コード※自動で価格を読み込み表示させます。
価格

<!--JS-->
<!--
function functionName()
{
var select1 = document.forms.formName.selectName1; //変数select1を宣言
var select2 = document.forms.formName.selectName2; //変数select2を宣言

select2.options.length = 0;

if (select1.options[select1.selectedIndex].value == "regular")
{
select2.options[0] = new Option(価格);//★★エラーここを通常の文字列にすると正常に動作します★★
select2.options[1] = new Option("36枚(2畳用)");
}

else if (select1.options[select1.selectedIndex].value == "large")
{
select2.options[0] = new Option("8枚(1畳用)");
select2.options[1] = new Option("16枚(2畳用)");
}

}
//-->

goods = new Object();
goods[0] =new setGoods("http://www.rakuten.co.jp/","regular",価格);//★★エラーここを通常の文字列にすると正常に動作します★★
goods[1] =new setGoods("http://www.rakuten.co.jp/","regular","36枚(2畳用)");
goods[0] =new setGoods("http://www.rakuten.co.jp/","large","8枚(1畳用)");
goods[1] =new setGoods("http://www.rakuten.co.jp/","large","16枚(2畳用)");

function setGoods(url,color,size,inch){
this.url=url;
this.color=color;
this.size=size;
this.inch=inch;
}

function searchURL(){
var colorValue=document.getElementById("color").value;
var sizeValue=document.getElementById("size").value;
var url=document.getElementById("link_url");
for(var i in goods){
if(goods[i].color==colorValue && goods[i].size==sizeValue){
return goods[i].url;
}
}
return false;
}
function jump(){
var url=searchURL();
if(!url){
alert("該当商品はありません");
return false;
}
location.href=url;
return false;
}

<!--HTML-->


商品:
<!--選択肢その1-->

レギュラーサイズ
ラージサイズ

枚数:
<!--選択肢その2(選択肢その1の項目によって変化)-->


回答

単純に 変数?:価格 に値が入っていないからでは?

コードも提示されていますが、単純にコピペで確認してもらえる完結したコードを書いたほうが、早くレスはつくかと思います。

編集 履歴 (0)
ウォッチ

この質問への回答やコメントをメールでお知らせします。