# Select option from drop-down box by \*katalon recorder\*google chrome extension

**URL:** <https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082>\
**Category:** Web Testing\
**Tags:** katalon-recorder\
**Created:** [February 19, 2020, 6:42pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082 "2020-02-19T18:42:10Z")\
**Posts on this page:** 9\
**Page:** 2

<div class="post-metadata">

**Author:** ![daryl.flowers](https://avatars.discourse-cdn.com/v4/letter/d/59ef9b/32.png) [@daryl.flowers](https://forum.katalon.com/u/daryl.flowers)\
**Post date:** [February 26, 2020, 3:49pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/36 "2020-02-26T15:49:37Z")

</div>

Could you try this in console:

 ![image](https://europe1.discourse-cdn.com/katalon/original/2X/0/08a53f24b43d9cbe3d682aba03e7e8ebb56ca740.png)

;(function($){  
$(‘select[name=“chargingPoint.chargingPointType”]’).val(‘106’).trigger(‘change’);  
})(jQuery);

In katalon, please make sure your using runScript too, if the above works in console for you.

With the `$` var it could be either jquery just isnt loading or,the `$` var and its not being released so it won’t collide with other libraries, again i dont know your set up… so its at best guess, but the above would confirm somewhat this.

Thanks

---

<div class="post-metadata">

**Author:** ![daryl.flowers](https://avatars.discourse-cdn.com/v4/letter/d/59ef9b/32.png) [@daryl.flowers](https://forum.katalon.com/u/daryl.flowers)\
**Post date:** [February 26, 2020, 6:00pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/39 "2020-02-26T18:00:42Z")

</div>

Remember the quotations, cant copy it from here as it throws them in wrong 😉

---

<div class="post-metadata">

**Author:** ![Timo\_Kuisma1](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/timo_kuisma1/32/16103_2.png) [@Timo\_Kuisma1](https://forum.katalon.com/u/Timo_Kuisma1)\
**Post date:** [February 26, 2020, 6:12pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/40 "2020-02-26T18:12:56Z")

</div>

hi,

paste first to notepad and copy from there

---

<div class="post-metadata">

**Author:** ![daryl.flowers](https://avatars.discourse-cdn.com/v4/letter/d/59ef9b/32.png) [@daryl.flowers](https://forum.katalon.com/u/daryl.flowers)\
**Post date:** [February 26, 2020, 6:17pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/41 "2020-02-26T18:17:45Z")

</div>

It will still throw them in wrong unfortunately (would love to know why copying from the comments does that though), but he’d best just pasting and changing them himself,  
or take it from the file below 😂:  
[scriptTest.txt](https://forum.katalon.com/uploads/short-url/Agay0ITeil0g3ikTBLuUUuWTHjk.txt) (114 Bytes)

---

<div class="post-metadata">

**Author:** ![daryl.flowers](https://avatars.discourse-cdn.com/v4/letter/d/59ef9b/32.png) [@daryl.flowers](https://forum.katalon.com/u/daryl.flowers)\
**Post date:** [February 26, 2020, 6:49pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/43 "2020-02-26T18:49:06Z")

</div>

That’s fine 🙂 that’s expected.  
Did it change the value in the dropdown?  
If yes, then bang that in the runScript command in katalon and it should then work 👍  
Thanks

---

<div class="post-metadata">

**Author:** ![AryaMehr360](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@AryaMehr360](https://forum.katalon.com/u/AryaMehr360)\
**Post date:** [February 26, 2020, 7:01pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/44 "2020-02-26T19:01:33Z")

</div>

Yeeessssss, Finally, OK can you please tell me how should I exactly but this in the katalon recorder ;  
I mean in the command target value.

Thank You a looooooot 😃

---

<div class="post-metadata">

**Author:** ![daryl.flowers](https://avatars.discourse-cdn.com/v4/letter/d/59ef9b/32.png) [@daryl.flowers](https://forum.katalon.com/u/daryl.flowers)\
**Post date:** [February 26, 2020, 7:08pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/45 "2020-02-26T19:08:17Z")

</div>

Just put that function into the target as before 🙂  
**as seen below:**  
 ![image](https://europe1.discourse-cdn.com/katalon/original/2X/5/504366f29d7b95ca51e01c8008e25b51d4a3df42.png)  
**Command:** runScript  
**Target:** ;(function($){ $(‘select[name=“chargingPoint.chargingPointType”]’).val(‘111’).trigger(‘change’); })(jQuery);

---

<div class="post-metadata">

**Author:** ![AryaMehr360](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@AryaMehr360](https://forum.katalon.com/u/AryaMehr360)\
**Post date:** [February 26, 2020, 7:16pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/46 "2020-02-26T19:16:35Z")

</div>

Thank you very much it was realy helpful \<3

---

<div class="post-metadata">

**Author:** ![daryl.flowers](https://avatars.discourse-cdn.com/v4/letter/d/59ef9b/32.png) [@daryl.flowers](https://forum.katalon.com/u/daryl.flowers)\
**Post date:** [February 26, 2020, 7:18pm UTC](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082/47 "2020-02-26T19:18:05Z")

</div>

Your Welcome! 😊

If you want any advice, I’d look into the basics of JQuery, Javascript and XPaths/CssSelectors, these will help you massively with the more complex HTML pages and how they render and features of webpages, and more so due to using this browser plugin.

Also, if you wanted to go one step further, you could extract that function and pass the parameter(s) and locator, which you could use an extension script, so that way you could reuse that function across your whole site.

All the best!  
**Don’t be afraid to drop me a message directly if you need a hand** 🙂

– Was a good little page you had here, a first for me with how it renders due to the plugins and i picked up a few little things here! – So Thank you!!

[Previous page](https://forum.katalon.com/t/select-option-from-drop-down-box-by-katalon-recorder-google-chrome-extension/40082.md?page=1)
