2015-09-07 61 views
0

使用JavaScript我得到這個select的設定值:使用使用JavaScript創建的變量在HTML

<select class="form-control pull-right" name="Type" id="Type" tabindex="" > 
    <option>-Type-</option> 
    <option value="1">Re</option> 
    <option value="2">Cre</option> 
    <option value="3">Ca</option> 
</select> 
var drop = document.getElementById("Type") 
alert(drop.value) 

我想用由JavaScript在同一個HTML文件中得到的變量。我該怎麼做?

在HTML我想是這樣的:

<div class="col-xs-12 col-sm-3 col-md-3"> 
 
    {{.TYPE.Account_Number}} 
 
</div>

,以便根據所選擇的價值,同時顯示帳號是動態

+1

請你的問題更清晰,什麼重用變量阻止你? – ssilas777

+0

您是否在另一個腳本標記中使用變量?你的嘗試是什麼?有什麼問題?請分享您的關於重新使用我們的代碼。 – FelisCatus

+0

你能看到我更新的問題 –

回答

0

我不知道你是什麼試圖做,但這裏是你的起點。 使用一些jQuery events將用戶操作掛接到代碼 - 在這種情況下,我將使用change()事件在頁面上動態顯示所選值。

這裏是一個示例代碼和演示:

JSnippet Demo

$('#Type').change(function(){ 

    //Get selected value: 
    var selectedValue = $(this).val(); 
    var selectedText = $(this).children(":selected").text(); 

    //Set result: 
    $('div').text(
     "Type Value:" + selectedValue + 
     " Type name:" + selectedText 
    ); 

});