Question

I need to figure out how to make my javascript take in the select names dynamically. How should I go about this?

I’ve tried Tried var i = getElementsByName() and then if (i == “x) … else …. with no results

My Javascript:

function displayResult()
{
   var m=document.getElementsByName("x");
   document.getElementById('divid').innerHTML = m[0].value;
}                                   

My Html:

  <form>
       <select name = x>
         <option> a </option>
         <option> b </option>
         <option> c </option>
       </select>
       <select name = y>
         <option> 2 </option>
         <option> 3 </option>
         <option> 4 </option>
       </select>
     </form>

Answer 1

So you need that x to be ‘dynamic’. I don’t really understand what you mean with that but I guess you want to specify another name every time you call the function. That’s what function parameters are for.
Change your function to this:

function displayResult(name)
{
   var m=document.getElementsByName(name);
   document.getElementById('divid').innerHTML = m[0].value;
}

Now you can call the function with:

displayResult("x");