Attivare evento quando si seleziona un option di una select

[luca9]

Ciao,

vorrei attivare un evento quando l'utente seleziona dal select una determinata option.
Purtroppo non riesco ad attivarlo. Ho problemi con l'option perchè non ha una classe ma solo il 'value'.
Come posso fare?

Vi posto il codice che non va (con l'utilizzo di jquery).

$( "option[value=105] selected:selected" ).change(function() {
          document.getElementById("prodotto").innerHTML = "bla bla bla";        
         })

Dove sbaglio?

[cavicchiandrea]

Questa select senza id senza classe e senza name prova così $("select:eq(0) selected:selected")//eq(0) = prima select della pagina

[luca9]

Allora il codice non va.
Comunque la select ha un name.

Ho modificato il codice così.

$( "option[value=105]" ).click(function() {
document.getElementById("prodotto").innerHTML = "bla bla bla";
})

Funziona però vorrei un evento singolo per tutti gli option con value tra 0 e 100, inveche che crearne per ciascun option.
Come posso fare?

[cavicchiandrea]

Metti la pagina demo online (tuosito.xxxx/paginademo.xxxx) che dopo cena faccio qualche prova

[tampertools]

Prova con

$("select").change(function () {
    var val = $(this).val();
    if (val > 100
        || val < 0
       ) {
        // Qui il tuo codice
    }
});

[luca9]

Grazie tampertools funziona!

Solo che c'è un altro problemino. Ho aggiunto altri if per un altro valore del option con l'evento ma non va, mentre per gli altri va benissimo.

$("[name='nazione']").change(function () {
var val = $(this).val();

if (val > 105) {
$("input[id=radio1]").attr("checked", true);
}
if (val < 105) {
$("input[id=radio1]").attr("checked", true);
}
if (val == 105) {
$("input[id=radio3]").attr("checked", true);
}
});

Purtroppo non va 'if (val == 105) {'. Non capisco il perchè.

Ho sbagliato qualcosa?

[luca9]

Cerco di spiegarmi meglio.

Nella mia pagina viene caricato come default il check su un radio.
Io con determinato option cambio il check di default.
Quando però imposto che per un option il check va sul radio di default non va, rimane invece dove su input[id=radio1].

Come posso risolvere il problema?

[KillerWorm]

Ciao, anziché .attr() puoi usare .prop(), oppure direttamente .click():

$("[name='nazione']").change(function () {
    $($(this).val()==105?"input[id=radio3]":"input[id=radio1]").prop("checked", true);
});

$("[name='nazione']").change(function () {
    $($(this).val()==105?"input[id=radio3]":"input[id=radio1]").click();
});

[luca9]

Perfetto KillerWorm!

Grazie. Funziona perfettamente!