下拉如何去掉当前的option行

提问 已结 6 234
难得920
难得920 2019-9-25
悬赏:50飞吻
版本:layui 浏览器:chrome

请问比如这个产品的状态是上架的时候 如何在 下拉的时候不显示上架这个状态呢
回帖
  • 可以选中的时候,下拉框重新调下接口或者是直接选中的时候判断下把option移除
    0 回复
  • Lucky311
    2019-9-25
    看你这个像后台,做后台管理,不需要SEO优化,用vue实现这个逻辑非常简单,建议学习下vue+iview技术栈。
    0 回复
  • 看你这个像后台,做后台管理,不需要SEO优化,用react实现这个逻辑非常简单,建议学习下react+ant design技术栈。
    0 回复
  • 难得920
    2019-9-25
    @Lucky311 后台前端 也用的layui
    0 回复
  • 难得920
    2019-9-25
    @小哥哥小姐姐 [微笑] 学不会 学不会
    0 回复
  • 难得920
    2019-9-26
    @清风明月833 <script>

    window.onload = function () {
    var oSelect = document.getElementById('sct');
    var aOption = oSelect.getElementsByTagName('option');
    console.log(aOption.length);
    for ( var i = 0; i < aOption.length; i++ ) {
    if (aOption[i].value === '22') {
    oSelect.removeChild(aOption[i]);
    }
    }
    }
    </script>

    <select name="" id="sct">
    <option value="11">11</option>
    <option value="22">22</option>
    <option value="33">33</option>
    <option value="44">44</option>
    </select>
    我试了试这种是可以的 但我用到模板里面 每次都显示getElementsByTagName 错误,
    0 回复