How to use a property of a tag using JQuery

2

I have a dynamically populated component

<select id="selectTeste">
    <option value='1' exigeIdade='true'>item 1</option>
    <option value='2' exigeIdade='true'>item 2</option>
    <option value='3' exigeIdade='false'>item 3</option>
    <option value='4' exigeIdade='true'>item 4</option>
</select>

I have a jquery function that needs to use the exigeIdade property, eg:

//se alterar o comboProcedimento, verifica a idade
    $("#selectTeste").on("change", function () {
        atualizaProfissional(exigeIdade); //Como pegar a propriedade exigeIdade?
    });

How do I submit the property requires via parameter?

    
asked by anonymous 12.07.2017 / 21:46

2 answers

6

Use the HTML data attribute

To access a value of an attribute of type date using jQuery use $('elemento').data('nome-atributo')

$("#selectTeste").on("change", function() {
  var exigeIdade = $("#selectTeste option:selected").data('exige-idade');
  console.log(exigeIdade);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><selectid="selectTeste">
    <option value='1' data-exige-idade='true'>item 1</option>
    <option value='2' data-exige-idade='true'>item 2</option>
    <option value='3' data-exige-idade='false'>item 3</option>
    <option value='4' data-exige-idade='true'>item 4</option>
</select>
    
12.07.2017 / 22:00
4

Try this:

$("#selectTeste").on("change", function () {
    var ExigeIdade = $("#selectTeste").find(":selected").attr("exigeIdade");
    atualizaProfissional(ExigeIdade);
});
    
12.07.2017 / 21:59