html - 显示选择选项的第二个值

Question

我想在选择选项的输入文本中显示，其中值有 2 个数据

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>

我想获取值 3、4、5 并在选择每个选项时以输入文本形式显示。

Answer 1

使用“|”拆分您的值

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>