How do I correctly use .click on this select type from html coding in Javascript?

Question

<select name="s" id="s">
    <option value="64752">Small</option>
    <option value="64753">Medium</option>
</select>

Here is the HTML code for the select type from the website

.realClick('select#s', {x: 1, y: 1})
.insert('input#s', size)

Here is part of my coding I have tried, I get the error "cannot find element: "select#s"

I am not really sure what else to try I am fairly new to automating. I use PhantomJS with real-click PhantomJS. Any ideas would be great. Thank you

Is the page you're trying to automate publicly available? It's possible the element isn't loaded before you attempt to manipulate the form — Danny Buonocore
– Danny Buonocore, Commented May 27, 2019 at 6:13
@dannybuonocore Yeah it is but I added in wait times so it would pretty much ensure it’s loaded fully plus there’s different buttons on the page that I was able to click but they were just attributes instead of a select — pohzurrr
– pohzurrr, Commented May 27, 2019 at 6:15

Danny Buonocore · Accepted Answer · 2019-05-27 06:26:49Z

2

I don't think you can use click on selects. I remember when I was using PhantomJS a lot I had to set the selected index of the option I was trying to choose:

page.evaluate(function() {

  // Set the selected index
  var select = document.getElementById('s');
  select.selectedIndex = 1;

  // Trigger a change event
  var onChange = document.createEvent('HTMLEvents');
  onChange.initEvent('change', false, true);
  select.dispatchEvent(onChange);

});

This should select the option Medium.

More info regarding the onChange parameters.

edited May 27, 2019 at 6:26

answered May 27, 2019 at 6:21

Danny Buonocore

3,7774 gold badges26 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

pohzurrr Over a year ago

if there were a size large what would you change to select large?

Danny Buonocore Over a year ago

You're asking if you wanted to select Large from the options? If it's the third option then choose 2 (indices start at 0)

Collectives™ on Stack Overflow

How do I correctly use .click on this select type from html coding in Javascript?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related