comment obtenir l'option title = "sample" en utilisant jquery

Question

J'essaie de mettre à jour un champ caché basé sur l'attribut d'un titre sur une option de sélection, j'ai essayé le code ci-dessous et n'arrive pas à l'obtenir travail. Merci pour toute aide!

<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> 

Answer 1

Encapsulate ce code dans un bloc $(document).ready(..., et vous devez utiliser le titre de l'option :

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

$(this) fait référence au contexte de l'élément sélectionné, vous pouvez utiliser find pour obtenir le descendant d'intérêt qui dans ce cas est l'option sélectionnée.