click specific option using javascript or jquery

Question

I tried googling this but I am getting only on event trigger searches instead of what I am looking for.

I want to dynamically click on any of the options in the select dropdown by using the value or the text if possible.

HTML

<select id="certainspamselectid" name="certainspamselect" style="margin-left: 165px;">
   <option value="0">permanently deleted</option>
   <option value="4">moved to admin quarantine</option>
   <option value="1">moved to junk email folder</option>
   <option value="5">delivered to inbox with tag</option>
   <option value="2">delivered to inbox</option>
</select>

I am not sure if I need to use something with $("#certainspamselectid").click..... but I am not sure what to use after click. I would have tried more things but my google searches keep pinpointing me for on event triggers when I just want to click on one of these options using either JS or jQuery.

happy smile · Accepted Answer · 2022-03-17 00:09:26Z

1

I have read your problem and honestly, I can't understand what you want exactly. However, it looks like you want to select some certain option of the select dropdown. If that's right, you don't need to call some kind of click function.

You can do it easily with jQuery.

For example, imagine that you are going to select third option - "moved to junk email folder". Then you can select it by code like below.

$("#certainspamselectid").val(1);

If my answer is not enough for you, let me know detail of your problem.

answered Mar 17, 2022 at 0:09

happy smile

1242 silver badges8 bronze badges

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

2 Comments

PythonKiddieScripterX Over a year ago

No - What you said is perfect. I am sorry that I didn't explain my issue well enough but you nailed it right on the head. I will accept your answer in about 2 minutes when SO allows me to accept answers.

happy smile Over a year ago

It was happy to help you.

Mohamed-Yousef · Accepted Answer · 2022-03-17 00:09:11Z

1

With <select> what you need is .change instead of .click Here is a quick example .. change the $value and check again

$("#certainspamselectid").on('change' , function(){
  console.log("Value Changed To: "+$(this).val());
  
  if($(this).val() == 5){
    console.log("value 5 is selected");
  }
});

let $value = 4;
$("#certainspamselectid").val($value).change();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="certainspamselectid" name="certainspamselect" style="margin-left: 165px;">
   <option value="0">permanently deleted</option>
   <option value="4">moved to admin quarantine</option>
   <option value="1">moved to junk email folder</option>
   <option value="5">delivered to inbox with tag</option>
   <option value="2">delivered to inbox</option>
</select>

answered Mar 17, 2022 at 0:09

Mohamed-Yousef

24k3 gold badges21 silver badges28 bronze badges

2 Comments

PythonKiddieScripterX Over a year ago

Thank you for helping out on this! I wish I can accept both answers but I can only accept 1. However, I thank you as I now have to methods I can use to change the select dropdown. I tested your answer and it works like a charm as well. Thanks again

Mohamed-Yousef Over a year ago

You're totally welcome @PythonKiddieScripterX .. accept happy smile answer but keep my answer in your mind you may need some of it later .. Happy coding :-)

omar nasab · Accepted Answer · 2022-03-17 00:27:29Z

0

why don't you simply change the value of the select like this

$("#certainspamselectid").val(4)

It will automatically show the text from the selected option

I don't think that clicking on an option would help you

answered Mar 17, 2022 at 0:27

omar nasab

13 bronze badges

Collectives™ on Stack Overflow

click specific option using javascript or jquery

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related