javascript - Comment sélectionner différentes valeurs d'option en fonction des valeurs transmises depuis l'arrière-plan dans HTML Select

Question

Code :

 <tr>
    <th>空间性质</th>
     <td>
         <input type="hidden" id = "class" value="{$post.post_class}"/>

         <select class="form-control" name="post[post_class]" id="class2" value="{$post.post_class}">
         <option value="0" id="op1">出售</option>
         <option value="1" id="op2">出租</option>
         </select>
         </td>
 </tr>

affiche différentes valeurs d'option​​en fonction de la valeur de value={$post.post_class}, et la valeur n'a que deux valeurs​​0 et 1. Merci

Answer 1

La sélection par défaut est correcte, utilisez simplement l'attr de jquery. En supposant que la valeur de sélection par défaut est 1, le code est le suivant :

$("#class option[value='1']").attr('selected',true);

Answer 2

N'est-il pas suffisant de simplement définir la valeur dans la balise select sur 0 ou 1

Answer 3

$("#class option[value='1']").attr('selected',true);
或
$("#class").val(1);

Answer 4

http://jsrun.net/d9YKp

Answer 5

En raison de : document.querySelector('#class').value获取不到select中的value值（即<select class="form-control" name="post[post_class]" id="class2" value="{$post.post_class}">).

Ajoutez donc une entrée cachée <input type="hidden" id = "class" value="{$post.post_class}"/> pour obtenir la valeur envoyée depuis l'arrière-plan, puis jugez.

<script type="text/javascript">
    var sv = document.getElementById('class').value;
    if(sv == 0){
        $("#class2 option[value='0']").attr('selected',true);
    }else {
        $("#class2 option[value='1']").attr('selected',true);
    }
</script>