JavaScriptを使っていて、実行タイミングが想定通りにならないなんてことはありませんか?それはもしかしたら、JavaScriptのコードを書いている位置が原因かもしれません。基本はselectタグの属性を指定してval()で値を取得すればよいが、表示文字列を取得したいときはoption:selectedを指定する必要がある。ここでは、さまざまなレベルのOpenCartでカテゴリメニューを表示するために使用したコードを示します。この記事は1年以上前の記事のため、内容が古い可能性があります。getElementById()を使ってidからHTML要素を取得する方法について説明します。form:selectタグは、HTMLのタグとその子要素のoptionタグを生成します。その要素の内、単純にHTMLの属性に置き換えられるものは、以下の属性です。cssClassやcssStyleはそれぞれclass、style属性に置き換えられます。範囲を指定し、この中に、項目数分~を記入します。このHTMLを、PCとスマートフォンの代表的なブラウザで表示させた場合の違いを表にしました。4つ目の「select要素にdisabled属性を設定」したものは、いずれのブラウザもコントロールごと無効になったので省略します。ここでは、さまざまなレベルのOpenCartでカテゴリメニューを表示するために使用したコードを示します。name属性は、フォーム部品を識別するための名前を指定します。