javascript - html中select怎麼會根據後台傳來的值選取不同的選項值

Question

#程式碼：

 <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>

根據value={$post.post_class}的值而顯示不同的選項值，value只有0，1兩個值。 TKS

#

Answer 1

預設選擇是吧，用jquery的attr就可以了，假設預設選擇值為1的選項，程式碼如下：

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

Answer 2

將select標籤中的value置為0 或 1 不就可以了嗎

Answer 3

雷雷

Answer 4

http://jsrun.net/d9YKp

Answer 5

由於：document.querySelector('#class').value取得不到select中的value值（即）。

所以加上一個隱藏的input

來取得後台傳來的值，然後再判斷。

<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>