javascript - html中select怎么根据后台传来的值选中不同的选项值-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - html中select怎么根据后台传来的值选中不同的选项值

淡淡烟草味 2017-06-28 09:25:35

[JavaScript讨论组]

1372

代码：

 <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

淡淡烟草味

全部回复(5)

黄舟2017-06-28 09:27:35 5楼

默认选择是吧，用jquery的attr就可以了，假设默认选择值为1的选项，代码如下：

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

赞 +0

添加回复

巴扎黑2017-06-28 09:27:35 4楼

将select标签中的value置为0 或 1 不就可以了吗

赞 +0

添加回复

我想大声告诉你2017-06-28 09:27:35 3楼

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

赞 +0

添加回复

世界只因有你2017-06-28 09:27:35 2楼

http://jsrun.net/d9YKp

赞 +0

添加回复

给我你的怀抱2017-06-28 09:27:35 1楼

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

所以加一个隐藏的input <input type="hidden" id = "class" value="{$post.post_class}"/>来获取后台传来的值，然后再判断。

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>