Javascript/jQuery - Paspaudimas ant <select> - po apačia iššoka paveikslėlis ?

Yra forma, ciklas, jis atvaizduoja visus optionus. Reikia, kad pasirinkus kokį variantą, po apačia išlystų paveiksliukas, kurio pavadinimas būtų toks pat, koks ir optiono value.

Kažkas tokio

<select id="select">
<option value="paveiksliukas1.jpg">1</option>
<option value="paveiksliukas2.jpg">2</option>
</select>

$("#select").change(function(){ 
$("#oble").attr("src". $("#select :selected").val());
});

<img src="" id="oble" />

Pasibandyk nes nebandžiau.

Kažkas tokio

<select id="select">
<option value="paveiksliukas1.jpg">1</option>
<option value="paveiksliukas2.jpg">2</option>
</select>

$("#select").change(function(){ 
$("#oble").attr("src". $("#select :selected").val());
});

<img src="" id="oble" />

 

Pasibandyk nes nebandžiau.

Visaip išbandžiau, nesuveikė, negali pratestuot ?

Sorry, po attr("src" turi būti ne taškas, o kablelis:

<script>
$(document).ready(function () {
$("#select").change(function(){ 
$("#oble").attr("src", $("#select :selected").val());
});
});
</script>

Arba labiau suprantamas variantas, kuriam nereiks jquery:

<img src="1.gif" id="image"/>

<select onChange="change(this.value);">

<option value="1.gif">test1</option>
<option value="2.gif" selected="selected">test2</option>
<option value="3.gif">test3</option>

</select>

<script type="text/javascript">
function change(data)
{
document.getElementById("image").src = data;
}
</script>

Arba labiau suprantamas variantas, kuriam nereiks jquery:

 

 

<img src="1.gif" id="image"/>

<select onChange="change(this.value);">

<option value="1.gif">test1</option>
<option value="2.gif" selected="selected">test2</option>
<option value="3.gif">test3</option>

</select>

<script type="text/javascript">
function change(data)
{
document.getElementById("image").src = data;
}
</script>

Ačiū. Iškilo dar vienas klausimas - kaip padaryti, kad jei nepasirinkta niekas, rodytų kokį nors paveikslėlį ? selected="selected" Problemos neišsprendžia.

Ačiū. Iškilo dar vienas klausimas - kaip padaryti, kad jei nepasirinkta niekas, rodytų kokį nors paveikslėlį ? selected="selected" Problemos neišsprendžia.

Dabar tik apsilankiau forume. :)

Taigi parodyta pavizdyje,<img src="1.gif"> rodys 1.gif paveiksliuka nieko nepasirinkus