用於獲取基於從降dowv

Question

我試圖發展JS那裏我有一個形式

三合一精密組件代碼選定值總價Java腳本是動態的價格等是下拉其中我有十個值從1到10我想，每當我從下拉式選項，我應該得到的總價基礎上單價

任何形式的幫助表示讚賞

Answer 1

你需要一個onchange添加到您的下拉並讓它調用一個javascript函數來執行計算並設置字段的新值。

<script type="text/javascript"> 
    function recalculate() 
    { 
     var f = document.forms.myform; 
     f.cost.value = f.price.value * f.qty.value; 
    } 
</script> 

<form action="doStuff" method="post" id="myform"> 
    <p>Price<input type="text" id="price"/></p> 
    <p>Quantity 
    <select id="qty" onChange="recalculate()"> 
     <option id="0">0</option> 
     <option id="1">1</option> 
     <option id="2">2</option> 
    </select> 
    <p> 
    <p>Cost<input type="text" id="cost"/></p> 
</form> 

Answer 2

我不知道我是否完全明白你想要什麼，但我試着寫一些代碼。您可以測試是jsfiddle

所以HTML標記可以看看這樣的事情：此

<input type="text" id="priceId" value="5" /> 
<select id="priceTypeId" name="priceType"> 

    <option value="1">1</option> 
    <option value="2">2</option> 
    ... 
    <option value="9">9</option> 
    <option value="10">10</option> 

</select> 

<input type="text" id="resultId" /> 

和jQuery的功能是：

$(document).ready(function() { 
    $('#priceTypeId').change(function() { 
     $('#resultId').val( $('#priceTypeId').val() * $('#priceId').val()); 
    }); 
}); 

如果您有任何問題，我會盡力快速回答。

Answer 3

使用一些THIG這樣的：

<script type='text/javascript'> 

    function FieldOnChange() 
    { 
    // put logic here use document.getElementByID('FieldID').value; 
    } 

    </script> 

    <form> 

    <select name='title' onchange='javascript:FieldOnChange();'> 

    <option value='1'>1</option> 

    <option value='2'>2</option> 

    <option value='3'>3</option> 
    ... 
    </select> 

    <!-- rest of your form --> 

    </form>