獲取下拉框的值並添加它們

我目前有兩個下拉框，並且我希望這樣，當用戶選擇第二個框時，它會運行onChange方法並將該值與第一個下拉框。獲取下拉框的值並添加它們

例子：

<select class="form-control" id="dropbox1" changeHiddenInput()"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 

<select class="form-control" id="dropbox2" changeHiddenInput()"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 
<input id="submitbutton" type="submit" class="btn btn-primary" style="margin-top: 5px" name="btnLogin" value="" />

這是我在我的JavaScript和它不工作。

function changeHiddenInput() { 
    var dropdown1 = document.getElementById('dropdown1').value; 
    var dropdown2 = document.getElementById('dropdown2').value; 
    console.log(dropdown1); 
    console.log(dropdown2); 
    var var1 = parseInt(dropdown1); 
    var var2 = parseInt(dropdown2); 
    var a = var1+var2; 
    document.getElementById('submitbutton').value= a; 
}

如果選擇1和2。它會將按鈕的值更改爲3.

謝謝！

來源

2014-02-25 Kevin D.

這是很簡單的你嘗試的東西嗎？ – Saurabh

是的，我試過 '\t function changeHiddenInput（）{ \t \t var dropdown1 = document.getElementById（'dropdown1'）。value; \t \t var dropdown2 = document.getElementById（'dropdown2'）。value; \t \t console.log（dropdown1）; \t \t console.log（dropdown2）; \t \t var var1 = parseInt（dropdown1）; \t \t var var2 = parseInt（dropdown2）; \t \t var a = var1 + var2; \t \t document.getElementById（'submitbutton'）。value = a; \t}' –

*「它運行onChange方法」*這不是你的HTML所做的。 'changeHiddenInput（）'什麼都不做。另外，如果你期望得到有用的答案，你必須比「不工作」更精確一些。我們已經這樣做了，否則你不會問一個問題。 –

document.getElementById('dropbox2').onchange= function(){ 
    var val1=document.getElementById('dropbox1').value; 
    var val2=document.getElementById('dropbox2').value; 
    document.getElementById('submitbutton').value=parseInt(val1)+parseInt(val2); 
}

來源

2014-02-25 04:41:11 juvian

請閱讀這個問題，這不是他想要的.. – Saurabh

感謝您指出，改變它。猜猜我應該去睡覺 – juvian

使用以下HTML和腳本

<select class="form-control" id="dropbox1" > 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 

<select class="form-control" id="dropbox2" onchange="addDb()"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 

<input id="submitbutton" type="submit" class="btn btn-primary" style="margin-top: 5px" name="btnLogin" value="" /> 

<script> 
function addDb() { 
    var val1=document.getElementById('dropbox1').value; 
    var val2=document.getElementById('dropbox2').value; 
    document.getElementById('submitbutton').value=parseInt(val1)+parseInt(val2); 
} 
</script>

這裏是一個FiddleDemo

來源

2014-02-25 04:47:00 Sam1604

誤差僅在你的HTML代碼。 call changeHiddenInput function with onchange event in dropdown

HTML

<select class="form-control" id="dropbox1" > 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 

<select class="form-control" id="dropbox2" onchange ="changeHiddenInput();"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 
<input id="submitbutton" type="submit" class="btn btn-primary" style="margin-top: 5px" name="btnLogin" value="" />

Java腳本

<script> 
    function changeHiddenInput() 
    { 
     var val1 = document.getElementById('dropbox1').value; 
     var val2 = document.getElementById('dropbox2').value; 
     document.getElementById('submitbutton').value=parseInt(val1)+parseInt(val2); 
    } 
</script>

來源

2014-02-25 04:50:23 chriz

獲取下拉框的值並添加它們

回答

相關問題