📌  相关文章
📜  如何使用 JavaScript 按值获取选项标签的文本?

📅  最后修改于: 2021-08-29 12:35:53             🧑  作者: Mango

包含一些选项元素的 HTML 文档,任务是在 JavaScript 的帮助下,通过使用其值来获取 select 元素的选项文本。下面讨论两种方法:

方法一:首先通过JavaScript选择器选择选项,使用value属性(例如option[i].value)比较option元素的值。如果匹配,则使用text 属性(例如 option[i].text)来获取 option 元素的文本。

  • 例子:
    
    
      
    
        
            Get text of option tag by
            value using pure JavaScript
        
    
      
    
      
        

            GeeksForGeeks     

               

                           

                   

              
  • 输出:

方法二:在这个例子中,我们可以查找每个选项元素并匹配元素的特定值。我们使用Object.values() 方法来获取选项元素的值。然后在每个选项上应用 forEach() 方法并警告值及其文本。

  • 例子:
    
    
      
    
        
            Get text of option tag by 
            value using pure JavaScript
        
    
      
    
      
        

            GeeksForGeeks     

           

                    

                      
  • 输出: