2010-05-07 12 views
6

Estoy tratando de actualizar un campo oculto basado en un atributo de título en una opción de selección, probé el código de abajo y parece que no puedo conseguirlo trabajo. ¡Gracias por cualquier ayuda!cómo obtener la opción title = "sample" usando 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> 

Respuesta

15

Encapsulate que el código dentro de un bloque $(document).ready(..., y es necesario utilizar título de la opción :

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

$(this) se refiere al contexto del elemento de selección, puede utilizar find para obtener el descendiente de interés que en este caso es la opción seleccionada.

+0

+1 acaba de escribir esto :) – Pharabus

+0

+1 lo estaba probando: D – Adam

+0

Awesome! Muchas gracias a todos. – tom

Cuestiones relacionadas