2010-05-07 10 views
6

Ich versuche, ein verstecktes Feld basierend auf dem Titelattribut auf einer ausgewählten Option zu aktualisieren, ich habe den Code unten versucht und es scheint nicht zu bekommen Arbeit. Danke für jede Hilfe!Wie bekomme ich Option title = "Beispiel" mit jquery

<form> 
    <select id="selectbox"> 
     <option name="test" value="one" title="title" selected="selected">one</option> 
     <option name="test2" value="two" title="title2">two</option> 
    </select> 
</form> 
<input id="update" type="hidden" value="defaultold" /> 

<script> 
    $('#update').val('default'); 
    $('#selectbox').change(function() { 
     $('#update').val($(this).attr("title")); 
    }); 
</script> 

Antwort

15

Encapsulate dass Code in einem $(document).ready(... Block, und Sie müssen die Option des Titel verwenden:

$(document).ready(function() { 
    $('#update').val('default'); 
    $('#selectbox').change(function() { 
     $('#update').val($(this).find("option:selected").attr("title")); 
    }); 
}); 

$(this) auf den Kontext des select-Element bezieht, können Sie find verwenden das bekommen Abkömmling von Interesse, die in diesem Fall die ausgewählte Option ist.

+0

+1 wurde gerade dies eingegeben :) – Pharabus

+0

+1 wurde gerade getestet: D – Adam

+0

Awesome! vielen dank an alle. – tom