从选择选项中显示第二个值

时间:2015-09-01 05:06:06

标签: html html-select

我希望在select选项中显示输入文本,其中value有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并在每个选项选择时以输入文本形式显示。

1 个答案:

答案 0 :(得分:2)

使用“|”

分割您的值

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>