Search code examples
javascriptjqueryhtmljquery-templates

How can i make an option selected with jquery-template


I'm using jquery-template and i need make an option selected, according json's value.

Javascript:

$.ajax({ 
    type: 'POST',
    url: caminho + '/controller/ctrl_usuario.php',
    data: 'acao=buscarUsuarioPorId&idUsuario=' + id,
    dataType: 'json',
    success: function (response) {
        if (response.status == 1) {
            //$('.cadastro').append(response.dados);

          $("#" + id).loadTemplate(caminho + "cadastro/form-usuario.php", response.dados, {error: function (e) {
                    console.log(e);
                }});
        }
    },
    complete: function () {
        //code
    }
});

json returned: "dados":[{"nome":"Maria Silva","l_Sexo":"F"}]"

    <div class="wrp-inp">
        <label for="genero">Gênero:</label>
        <span class="icon-chevron-down"></span>
        <select name="genero" id="genero" >
            <option value="M" {{if l_Sexo == 'M'}}selected{{/if}}>Male</option>
            <option value="F" {{if l_Sexo == 'F'}}selected{{/if}}>Female</option>
        </select>
    </div>

The sample above didn't work.


Solution

  • Just do:

    var value = 'M';
    $('select[name="genero"]').val(value);