How to select an item that is in a drop down menu coded in CSS for Selenium IDE?

Question

Thanks so much for reading my question. I am inquiring about selecting an item that exists in a drop down menu. The drop down menu is coded in CSS.

The change in the Javascript is from

a class="chzn-single"

to selecting the item

a class="chzn-single-with-drop"

back to

a class="chzn-single"

I look forward to any and all help. If there's any questions, please don't hesitate to reach out and thanks again for looking at my question.

Answer 1

If using Jquery to select an element by class name

$(".chzn-single")

if you dont have jquery included you can do this by vanilla Js by Declaring a function

function getElementByClass (className, parent) {
  parent || (parent = document);
  var descendants= parent.getElementsByTagName('*'), i=-1, e, result=[];
  while (e=descendants[++i]) {
    ((' '+(e['class']||e.className)+' ').indexOf(' '+className+' ') > -1) && result.push(e);
  }
  return result;
}

and calling the declared function

var element1 = getElementByClass("a", "chzn-single");