# How can I handle select tags with attribute style="display: none;"

**URL:** <https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854>\
**Category:** Web Testing\
**Tags:** web-testing\
**Created:** [March 26, 2024, 9:41am UTC](https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854 "2024-03-26T09:41:53Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![hiendau](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/hiendau/32/23870_2.png) [@hiendau](https://forum.katalon.com/u/hiendau)\
**Post date:** [March 26, 2024, 9:41am UTC](https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854/1 "2024-03-26T09:41:53Z")

</div>

For select tags with style=“display: none;” attribute, I cannot use selectOptionByLabel or Index

 ![image](https://europe1.discourse-cdn.com/katalon/original/3X/5/6/56bb4ac2a370e414bae2c27f59f8c02bfb384047.png)  
When I click the arrow mark on the right side of the Kit Family textbox, all the values in the select tag are displayed, but I can’t use selectOptionByLabel or Index to select those values, please help me give some advice.  
This is my code:  
 ![image](https://europe1.discourse-cdn.com/katalon/original/3X/4/2/423c641ba92f6eb7f6bced0e1f8ace12e3a5cbd8.png)  
 ![image](https://europe1.discourse-cdn.com/katalon/original/3X/2/0/20701b7ff57b4067cfa5590e019549390321533a.png)

---

<div class="post-metadata">

**Author:** ![grylion54](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/grylion54/32/16265_2.png) [@grylion54](https://forum.katalon.com/u/grylion54)\
**Post date:** [March 26, 2024, 5:05pm UTC](https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854/2 "2024-03-26T17:05:27Z")

</div>

You shouldn’t because they are **not** visible on the screen.

Can you right click on the combo-box and select “Inspect”? Do this a second time and the HTML code for the combo-box object should display. Does it also have style, “display: none”? Or is it under the “input” tag?

Edit: If the HTML that gets displayed does not have a `<select>` tag, then you cannot use the various statements, **selectOptionByLabel()**, **selectOptionByValue()** nor **selectOptionByIndex()**. If this is the case, then we will need more HTML of what does display.

---

<div class="post-metadata">

**Author:** ![Russ\_Thomas](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/russ_thomas/32/11884_2.png) [@Russ\_Thomas](https://forum.katalon.com/u/Russ_Thomas)\
**Post date:** [March 27, 2024, 3:47am UTC](https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854/3 "2024-03-27T03:47:45Z")

</div>

@hiendau

If you aren’t aware, you’re dealing with Kendo UI. Notice the outer span in your screenshot has the class `k-dropdown-wrap`. This element wraps everything that concerns the visible dropdown and includes the `display:none` `select` element, too.

 ![image](https://europe1.discourse-cdn.com/katalon/original/3X/0/c/0cae8d6b11bbd24c066753b312754d23a758ac4e.png)

The stuff you’re looking for is very likely inside the span element I highlighted in YELLOW.

Open that span and post a screenshot of what’s inside it.

---

<div class="post-metadata">

**Author:** ![hiendau](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/hiendau/32/23870_2.png) [@hiendau](https://forum.katalon.com/u/hiendau)\
**Post date:** [March 27, 2024, 7:12am UTC](https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854/4 "2024-03-27T07:12:59Z")

</div>

Hi Grylion, I can’t see the html of the dropdown list when using Inspect.

---

<div class="post-metadata">

**Author:** ![hiendau](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/hiendau/32/23870_2.png) [@hiendau](https://forum.katalon.com/u/hiendau)\
**Post date:** [March 27, 2024, 7:13am UTC](https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854/5 "2024-03-27T07:13:05Z")

</div>

![image](https://europe1.discourse-cdn.com/katalon/original/3X/c/8/c87a525ae361c6767932f0501c413f507b2129ce.png)  
Hi Russ, that span tag is an arrow button.

---

<div class="post-metadata">

**Author:** ![Russ\_Thomas](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/russ_thomas/32/11884_2.png) [@Russ\_Thomas](https://forum.katalon.com/u/Russ_Thomas)\
**Post date:** [March 27, 2024, 2:03pm UTC](https://forum.katalon.com/t/how-can-i-handle-select-tags-with-attribute-style-display-none/125854/6 "2024-03-27T14:03:32Z")

</div>

Use Firefox. Send the same screenshots again.