在變量輸入字段填寫值

-1

的問題是使用從選擇選項的文本輸入的值填充的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>

來源

2017-10-17 luziiii

我不完全明白你的問題。你在問如何將'.mapWidgetMarkerDest'的值設置爲'＃Select'的選擇選項？ – Moob

您可以嘗試用'「......但這裏有一個問題 - 小部件是否識別值更改？或者你需要重新加載它？ – theGleep

是的，在## ADDRESS ##（在原來的代碼中，它會顯示在這裏顯示的實際地址）的insted我希望我的selectet地址被放入（例如ADDRESS1） – luziiii

是隻要在選擇框和小部件之後加載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>

來源

2017-10-17 14:13:25

啊是的，這樣它實際上工作。但是一旦我從Widget中包含它不再... 我的下一個想法是做出選擇選項，並根據選擇的完整的小工具代碼會改變（所以我會有所有3個目的地作爲單獨的小工具，並取決於選擇什麼2他們會隱身）這可能會更容易嗎？ – luziiii

是否嘗試在小部件，選擇和myFunction（）部件之後加載該腳本？我仍然不確定你的整個小部件設置。 –

是的，我正在重新加載它，但價值沒有改變：/ – luziiii

在變量輸入字段填寫值

回答

相關問題