1

Web サイトのJavaScript ドロップダウンを作成したいと考えており、その下に div を表示したいと考えています。

<select name="Portfolio">    
<option id="1">Option 1</option>
<option id="2">Option 2</option>
<option id="3">Option 3</option>
<option id="4">Option 4</option>
</select>

<div id="1"><img src="URL" alt="Blah Blah Blah"/></div>
<div id="2"><img src="URL" alt="Blah Blah Blah"/></div>

これを機能させるには、どの JavaScript コードが必要ですか? どんな助けでも大歓迎です！私は他の多くの人を見てきましたが、何も機能しないようです。

4

3 に答える 3

0 
<select name="Portfolio" id="portfolio">
<option>None</option>      
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option alue="4">Option 4</option>
</select>

<div id="1" style="display:none;"><img src="URL" alt="Blah Blah Blah"/></div>
<div id="2" style="display:none;"><img src="URL" alt="Blah Blah Blah"/></div>


$(document).ready(function() {
    $("select").change(function() {
        $('div').hide();
        $('#'+$(this).val()).show();
    });
});

これをjsfiddleで実行します

于 2013-05-20T08:16:16.270 に答える
0

See jsfiddle link demo 

<select name="Portfolio">
<option>None</option>      
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>

<div id="1" style="display:none;"><img src="img1" alt="Blah Blah Blah"/></div>

<div id="2" style="display:none;"><img src="img2" alt="Blah Blah Blah"/></div>

var old_id
$(function(){
  $("select").change(function(){
       $('div').css('display','none');
       $('#'+$(this).val()).css('display','block');
  });
});
于 2013-05-20T08:19:11.937 に答える