CODEWITHSUNDEEP
htmlhtml-select
user2114764
user2114764

Reputation: 71

Show second value from select option

I want show in input text from select option where in value have 2 data

function changeHiddenInput (objDropDown)
{
    
   document.getElementById("hiddenInput").value = objDropDown.value; 
  
}
<form name="ff">
     <select id="dropdown" name="dropdown" onchange="changeHiddenInput(this)">
    	<option value="j.hotmail.com|3">Jens</option>
    	<option value="a.hotmail.com|4">Adam</option>
    	<option value="d.homtail.com|5">Dan</option>
    </select>

    <input type="text" type="hidden" name="hiddenInput" id="hiddenInput" />
</form>

I want get value 3,4,5 and show in input text form when each option select.

Upvotes: 3

Views: 439

Answers (1)

Mate
Mate

Reputation: 5274

split your value using " | " 

function changeHiddenInput (objDropDown)
{
    
   document.getElementById("hiddenInput").value = objDropDown.value.split('|')[1]; 
  
}
<form name="ff">
     <select id="dropdown" name="dropdown" onchange="changeHiddenInput(this)">
    	<option value="j.hotmail.com|3">Jens</option>
    	<option value="a.hotmail.com|4">Adam</option>
    	<option value="d.homtail.com|5">Dan</option>
    </select>

    <input type="text" type="hidden" name="hiddenInput" id="hiddenInput" />
</form>

Upvotes: 2

Related Questions