drop-down

so I was trying to click a dropdown option of a site there is the code :

<ul class="select2-results" role="listbox" id="select2-results-8">
<li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted" role="presentation"><div class="select2-result-label" id="select2-result-label-269" role="option">
<span class="select2-match">Good</span></div></li>
<li class="select2-results-dept-0 select2-result select2-result-selectable" role="presentation">
<div class="select2-result-label" id="select2-result-label-270" role="option">Very 
<span class="select2-match">Good</span></div></li></ul>

I have used click(), key down, key up, and event handler it only returns undefine. somehow I managed to open the drop menu but I can't click on the option Mainly they have used the input tag, not a select tag so I can't use selectedindex also not working. I am new to these topics .somebody have any idea how can we do this?:)

Snapey

1 year ago

Level 122

oh well.

mj6671

1 year ago

Level 1

so I was trying to click a dropdown option of a site,I have used click(), key down, key up, and event handler it only returns undefine. somehow I managed to open the drop menu but I can't click on the option Mainly they have used the input tag, not a select tag so I can't use selectedindex also not working. I am new to these topics .somebody have any idea how can we do this?:) code is

<ul class="select2-results" role="listbox" id="select2-results-8">
<li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted" role="presentation"><div class="select2-result-label" id="select2-result-label-269" role="option">
<span class="select2-match">Good</span></div></li>
<li class="select2-results-dept-0 select2-result select2-result-selectable" role="presentation">
<div class="select2-result-label" id="select2-result-label-270" role="option">Very 
<span class="select2-match">Good</span></div></li></ul>

jlrdw

1 year ago

Level 75

Please see https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax

And properly format the code.

1 like

mj6671

1 year ago

Level 1

@jlrdw @snapey thanks , I have updated the code

gych

1 year ago

Level 29

Can you also share the js code you're using for the dropdown functionality?

1 like

mj6671

1 year ago

Best Answer

Level 1

@gych To open the options and enter the value, I'm using:

const input =document.querySelector("#s2id_autogen8") #input box id 
input.value = 'Good' #option need to search on dropdown 

const event = new Event('input', {
  bubbles: true,
  cancelable: true,
})

input.dispatchEvent(event)

also, I have tried using "change" not working for selecting an option

1 like

Please or to participate in this conversation.