代码之家  ›  专栏  ›  技术社区  ›  MWO

下拉列表从列表中删除空白项

  •  1
  • MWO  · 技术社区  · 6 年前

    我在哈姆用这个做一个下拉列表。我想有一个空白项目之前点击(默认没有选择),因为我是,但我想删除空白项目从列表中,因为它没有什么可以再次选择!有可能吗?

    - sort_options = [{text: "Text0", id: 0}, {text: "Text1", id: 1}, {text: "", id: 2}]
    = select_tag id='dropdown_sorter_tag', options_for_select(sort_options.collect{ |k| [k[:text], k[:id]] }, sort_options.collect{ |k| [k[:text], k[:id]] }[2])
    

    1 回复  |  直到 6 年前
        1
  •  1
  •   dtsuji    6 年前

    嗯,这很难说明

    这个密码怎么样?

    HTML格式

      <% sort_options = [{text: "Text0", id: 0}, {text: "Text1", id: 1}] %>
      <%= select_tag id='dropdown_sorter_tag', options_for_select(sort_options.collect{ |k| [k[:text], k[:id]] }, sort_options.collect{ |k| [k[:text], k[:id]] }[2]), include_blank: true %>
    

    const selectElement = document.querySelector('#dropdown_sorter_tag')
    
    selectElement.addEventListener('change', (e) => {
      if (!selectElement.value) {
        return
      }
      const options = selectElement.querySelectorAll('option')
      for (let i = 0; i < options.length; i += 1) {
        if (options[i].value) {
          continue
        }
        options[i].remove()
      }
    })