###前提・実現したいこと
セレクトボックスを2つ作って一つ目の選択によって2つ目の内容が変わるという簡易なプログラムになります。
JSの中の★が付いている箇所に文字列でなく以下コードを記述(表示)したいのですが、どうやってもエラーになってしまいます。
■コード※自動で価格を読み込み表示させます。
<span class="msm-price msm-aid-210012">価格</span>
###発生している問題・エラーメッセージ
###該当のソースコード
<!--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(<span class="msm-price msm-aid-210012">価格</span>);//★★エラーここを通常の文字列にすると正常に動作します★★ 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",<span class="msm-price msm-aid-210012">価格</span>);//★★エラーここを通常の文字列にすると正常に動作します★★ 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--> <form name="formName" method="GET" action="./pathToProgramFile"> <div class="select-box01"> 商品: <!--選択肢その1--> <select name = "selectName1" id="color" onChange="functionName()"> <option value = "regular">レギュラーサイズ</option> <option value = "large">ラージサイズ</option> </select> </div> <div class="select-box03"> 枚数: <!--選択肢その2(選択肢その1の項目によって変化)--> <select name = "selectName2" id="size"> </select> </div> <div class="select-box02"> <input id="submit_button" type="submit" onClick="return jump()" value="購入手続きへ"><br> </div> </form>
###試したこと
###補足情報(言語/FW/ツール等のバージョンなど)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/04 09:21
2017/05/04 10:15
2017/05/04 11:29
2017/05/04 11:45
2017/05/04 12:01
2017/05/04 12:07
2017/05/04 12:16
2017/05/04 12:23