2015-11-03 52 views
2

我正在使用jquery模板,我需要根據json的值選擇一個選項。我如何使jQuery的模板選擇一個選項

使用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返回: 「dados」:[{ 「諾姆」: 「瑪利亞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> 

的。樣品上方沒有工作

+0

什麼沒有工作?控制檯日誌中有什麼? – Haris

+0

Hi @哈利!沒有控制檯錯誤。但該選項並未保持選定狀態。 jquery模板加載我的html模板中的所有json數據。但我沒有找到一種方法來設置jquery模板庫中的選定值 – Weles

回答

1

只要做到:

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

完整的解決方案:

的Javascript:

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

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

      var sexo = response.dados[0].l_Sexo; 
      $("#genero").val(sexo); 
     } 
    }, 
    complete: function() { 
     //code 
    } 
}); 

HTML:

<div class="wrp-inp"> 
     <label for="genero">Gênero:</label> 
     <span class="icon-chevron-down"></span> 
     <select name="genero" id="genero" > 
      <option value="M">Masculino</option> 
      <option value="F">Feminino</option> 
     </select> 
    </div> 
相關問題