Comment accéder à la valeur d'un attribut de données à l'aide de jQuery

Question

Je souhaite accéder à l'attribut de données dans jQuery. mais chaque fois que j'essaie d'y accéder il renvoie indéfini.

Code

est

<select name="start" id="source"> 
    <option selected disabled>Select your location</option> 
    <option data-lat="74.1833" value="some for php">Gujranwala</option> 
    <option data-lat="74.3436" value="some for php">Lahore</option> 
    <option data-lat="74.536" value="some for php">sialkot</option> 
    <option data-lat="74.0789" value="some for php">gujrat</option> 
    <option data-lat="67.0100" value="some for php">Karachi</option> 
    </select> 

J'ai essayé d'utiliser

$('#source').attr('data-lat'); 

lorsque l'utilisateur sélectionner une option qu'il doit donner la valeur de l'attribut personnalisé. mais cela ne fonctionne pas .. encore obtenir indéfini. quelqu'un peut-il me montrer une solution alternative ou si je me trompe dans celui-ci s'il vous plaît le corriger ...

essayer de soumettre l'exemple de fonctionnement s'il vous plaît .. merci d'avance.

si je fais quelque chose de mal expliquer le problème, s'il vous plaît ignorer que, je l'espère, vous les gars ce que je l'ai eu je veux dire .. :)

Answer 1

Vous devez cibler l'option sélectionnée sur laquelle est PREF attribut. Par ailleurs, vous pouvez utiliser la fonction data().

$('#source option:selected').data('lat');