(引用符内に何もない)場合にのみ、選択フィールド内のオプションをクリックしたときに表示される画像を非表示にできる必要がありますvalue=""
。オプション内の value="some_url" の場合、画像を表示します。
オプションがクリックされたときに画像を表示するために、次のコードを使用しました。ただし、onClick を使用すると、オプションの値が "" であっても画像が表示されます。
私が使用しているJavascriptは次のとおりです。
function showImage() {
document.getElementById('openimg').style.display = 'block';
html は次のとおりです。
<select name="" >
<option value="url" onclick="showImage();">Some_option_1</option>
<option value="">Some_option_2</option>
<option value="">Some_option_3</option>
</select>
<a href='url_2'><img src='images/some_img.jpg' id='openimg' style='display:none'></a>
機能することを示すために、1 つのオプション内に onClick コマンドを 1 つだけ挿入しました。各オプション内の onClick コマンドとともに、「if を表示」または「if を非表示」にする if ステートメントが必要なようです。