0

(引用符内に何もない)場合にのみ、選択フィールド内のオプションをクリックしたときに表示される画像を非表示にできる必要があります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 ステートメントが必要なようです。

4

2 に答える 2

1

これは私がそれを行う方法です:

<script type="text/javascript">
function showImage()
{
    var choice = document.getElementById('myDropDown').value;
    if(choice.length > 0)
    {
        document.getElementById('openimg').style.display = 'block';
    }
    else
    {
        document.getElementById('openimg').style.display = 'none';
    }
}
</script>

<select id="myDropDown" onchange="showImage()">
<option value="url">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>
于 2012-05-09T17:23:14.653 に答える
0

ええと、if の使用方法または選択されたものを決定する方法を尋ねていますか?

まず、ドロップダウンで onchange イベントを使用します。

これは、説明のためにロングハンドで行う方法です。

function onChange(){

    var mySelect = document.getElementById("my-select");
    var selectedValue = "";

    for( var i = 0; i < mySelect.length;i++){
       if( mySelect[i].selected)
         selectedValue = mySelect[i].value;        
    }

    if( selectedValue == "whatever")
    {
           //do something
    }

    if( selectedValue == "ugh")
          // do something else


}
于 2012-05-09T17:23:54.503 に答える