在变量输入字段填写值

Question

的问题是使用从选择选项的文本输入的值填充的JavaScript：

<select id="AddressOptions" onchange="myFunction()"> 
    <option value="ADDRESS1">ADDRESS1 
    <option value="ADDRESS2">ADDRESS2 
    <option value="ADDRESS3">ADDRESS3 
</select> 

<input id="MyAddress" type="hidden" value="##ADDRESS##"/> 

答案：

<script type="text/javascript"> 
function myFunction() { 
    var e = document.getElementById("AddressOptions"); 
    var selAddress = e.options[e.selectedIndex].value; 
    document.getElementById("MyAddress").value = selAddress; 
} 
</script> 

Answer 1

是只要在选择框和小部件之后加载myFunction()就可能。您将获得更改下拉列表的值，并用它替换您的小部件输入的值。

注：我删除了所有hidden输入类型在这个例子中

function myFunction() { 
 
    var e = document.getElementById("Select"); 
 
    var selAddress = e.options[e.selectedIndex].value; 
 
    document.getElementById("widgetAddress").value = selAddress; 
 
}

<div class="HafasMapWidget" style="width:100%;height:100%;"> 
 
    <input class="mapWidgetJourneyPlanner" type="" value="" /> 
 
    <input class="mapWidgetTPSize" type="" value="auto;auto"> 
 
    <input class="mapWidgetResponsive" type="" value="true"> 
 
    <input class="mapWidgetLogoDisplay" type="" value="true"> 
 
    <input class="mapWidgetLogoType" type="" value=""> 
 
    <input class="mapWidgetTime" type="" value="09:00" /> 
 
    <input class="mapWidgetCustomer" type="" value="vs_voranachb" /> 
 
    <input id="widgetAddress" class="mapWidgetMarkerDest" type="" value="##ADDRESS##" /> 
 
    <input class="mapWidgetJourneyMode" type="" value="dep" /> 
 
</div> 
 

 
<select id="Select" onchange="myFunction()"> 
 
    <option value="ADDRESS1">ADDRESS1</option> 
 
    <option value="ADDRESS2">ADDRESS2</option> 
 
    <option value="ADDRESS3">ADDRESS3</option> 
 
</select>