【问题标题】:Change selection without id更改没有 id 的选择
【发布时间】:2020-09-25 09:49:42
【问题描述】:

如何更改选择?选择标签中没有 ID 或其他内容。

<label class="Select__select__3sjwOXNYT2 EventList__pageSize__YFgjEw1xbV"
  >Einträge: 25
  <select>
    <option value="25">25</option>
    <option value="50">50</option>
    <option value="100">100</option>
  </select>
</label>

【问题讨论】:

  • 在 Javascript 中

标签: selection


【解决方案1】:
 var element = document.getElementsByClassName("the name of the class");

你可以传递任意多个类名,上面的语句返回给定类型的元素数组...

    DOCTYPE html>
    <html>
    <body>
    
    
    <label class="first">Einträge: 25
        <select>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
        </select>
        </label>
    
   
    
    
    <script>
    [].forEach.call(document.getElementsByClassName('first'), function(el) {
        el.style.color= 'green';
    });

    </script>
this line is another way u can select the classname
    <script>
let boxes = document.getElementsByClassName('first');

Array.from(boxes).forEach(v => v.style.background = 'red');



    </script>
    
    </body>
    </html>

这应该可以帮助您选择类名

【讨论】:

    【解决方案2】:

    我知道,但这对我没有帮助。

    我试过了

    document.getElementsByClassName("Select__select__3sjwOXNYT2 EventList__pageSize__YFgjEw1xbV")[0].options[1].selected = true
    

    document.getElementsByClassName("Select__select__3sjwOXNYT2 EventList__pageSize__YFgjEw1xbV")[0].selectedIndex = 1
    

    但没有选择。

    【讨论】:

    • 你真的不清楚你想要达到什么,你想在类或标签上产生什么样的效果。
    • 嗯,你是什么意思? HTML 代码不是我的,我只是尝试用我的 JavaScript 程序选择另一个选项。
    • 哦不,我不是说用鼠标或颜色选择,我是说选项(100),对不起
    猜你喜欢
    • 2016-07-25
    • 1970-01-01
    • 2014-07-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-08
    • 2020-05-26
    相关资源
    最近更新 更多