Search code examples
javascriptonchangehidden

Can't get the option value into a hidden field

I'm using a select with options and i would like to use a form to submit the text of an option field into a database.

It's not working and I can't figure out why. the p-element changes its value (i only used it for debugging, i actually don't need it) but the hidden field stays empty.

can anybody help me out here?

function GetSelectedText(){
  var e = document.getElementById("kunde");
  var result = e.options[e.selectedIndex].text;
                            
  document.getElementById("title").textContent = result;
}
                        
<select id="kunde" name="kunde" class="form-control" onchange="GetSelectedText()">
  <option value="1">text for 1</option>
  <option value="2">text for 2</option>
  <option value="3">text for 3</option>
</select>

<p id="title">this text will be replaced</p>

<input name="title" type="hidden" id="title" value="">

Solution

  • "textContent" has to be changed to "value".

    Thanks for your help!