Comment obtenir l'ID des données sélectionnées dans DropDown ?[dupliquer]

Question

Cette question a déjà des réponses ici:

Obtenez la valeur sélectionnée dans la liste déroulante à l'aide de JavaScript (22 réponses)

Fermé il y a 5 ans.

J'ai écrit le code suivant en utilisant thymeleaf

<div class="form-group">
    <div class="col-xs-12 col-sm-9">
        <div class="clearfix">
            <label
                class="control-label col-xs-12 col-sm-4 no-padding- right"
                for="name">System</label> <select
                class="tbrightspace input-large" id="userCategory"name="systemId"
                style="margin: 0px 0px 10px 0px; padding: 0px; width:42%;">

                        <option th:text="--Select--">Select</option>
                        <option th:each="roles:${systemList}"
                                th:value="${roles.systemId}"
                                th:selected="${roles.systemName}"
                                th:text="${roles.systemName}" />
                                <!-- <option value="101">Collections Management</option>
                                <option value="102">CHD</option>
                                <option value="103">Client Tools</option> -->
                                </select>
                </div>
            </div>
                        &nbsp;&nbsp;&nbsp;
        </div>

dans cette boîte déroulante, trois données sont chargées. Maintenant, je veux obtenir l'ID de données sélectionné, car je veux trouver toutes les données dans la table DB en passant l'ID dans l'URL ajax, comme

   $.ajax({
       url: "/collection-ui/api/permissions/findall/id",   //http://localhost:8080
       success: function( treeData ) {
           var tree = $("#tree2").dynatree("getTree");
           var rootNode = $("#tree2").dynatree("getRoot");      

J'ai juste essayé comme

 <script th:inline="javascript">
  /*<![CDATA[*/

    var id=/*[[@{{id}(id=${systemList.get(0).systemId})}]]*/    
    alert(id); 
    /*]]>*/
</script>

Il s'agit d'une alerte ou donne uniquement les données d'identification du premier objet. Mais je souhaite obtenir l'ID tout en sélectionnant les données dans la liste déroulante. Comment puis-je ??s'il vous plaît, quelqu'un peut-il m'aider

Answer 1

Essayez ceci

$("#dropdown").on('change',function(){
    var getValue=$(this).val();
    alert(getValue);
  });

une autre approche:

$('#dropdown').change(function(){
    var id = $(this).find('option:selected').attr('id')
})

Answer 2

Bien qu'il s'agisse presque d'un double de Ancien message

Mais tu veux ID donc vous pouvez essayer quelque chose comme ça..

HTML :

<select id="ddlViewBy">
    <option id="s1" value="1">test1</option>
    <option id="s2" value="2" selected="selected">test2</option>
    <option id="s3" value="3">test3</option>
</select>
 &nbsp;&nbsp;&nbsp;&nbsp;<a name="ding" onclick="test()">Click me!!</a>

Javascript :

function test(){
    var e = document.getElementById("ddlViewBy");
    var strUser = e.options[e.selectedIndex].id;//text
   alert(strUser);
    return false;
}

Ici ça marche jsFiddle