如何獲取Ajax更新金額輸入？

-2

我需要從選擇選項下拉式表格中獲取價格以獲得金額輸入。我有jQuery將從下拉列表中選擇值，我知道我需要使用Ajax來做到這一點，我不確定Ajax的機制以及如何去做。我能得到幾個指針嗎？如何獲取Ajax更新金額輸入？

<select id="selectMembership" class="cat_dropdown " name="selectMembership"> 
    <option type="text" value="5" selected="selected" id="amount-paypal" name="amount">5</option> 
    <option type="text" value="10" id="amount-paypal" name="amount">10</option> 
    <option type="text" value="20" id="amount-paypal" name="amount">20</option>  
</select> 

This input needs to receive the selected value  
<input type="text" value="" id="amount-paypal" name="amount"> 

<script type="text/javascript"> 
    $(document).ready(function(){    

     //choose which price to use from select form 
     $('select').on('change', function(){ 
      $('#amount-paypal').val($(this).val()); 
     }); 
    }); 
</script>

來源

2014-03-19 Grant

需要AJAX爲我編輯：ID必須是唯一的！ –

是的，你是對的，我也發現了這一點，感謝您的關注！ – Grant

試試這個

選擇id必須是唯一的，改變你的文本框的id現在它會根據選項框更改顯示的價格

HTML

<select id="selectMembership" class="cat_dropdown " name="selectMembership"> 
<option type="text" value="5" selected="selected" name="amount">5</option> 
<option type="text" value="10" name="amount">10</option> 
<option type="text" value="20" name="amount">20</option>  
</select> 
<input type="text" value="" id="amount-paypal-input" name="amount">

腳本

$(document).ready(function(){    
     $('select').on('change', function(){ 
      $('#amount-paypal-input').val($(this).val()); 
     }); 
});

DEMO

來源

2014-03-19 12:12:34

這裏downvote的目的是什麼???如果你有這是一個問題，而不是這個答案... –

@ A.Wolff我也在想同樣的事情，downvoters好心告訴我犯了什麼錯誤 –

是的謝謝你，我也發現了它。你很樂意幫助，非常感謝。 – Grant

請從選項標記中刪除id（id =「amount-paypal」）屬性或使用唯一值。 ID應該是每一個元素獨特的Html頁面

<select id="selectMembership" class="cat_dropdown " name="selectMembership"> 
    <option type="text" value="5" selected="selected" name="amount">5</option> 
    <option type="text" value="10" name="amount">10</option> 
    <option type="text" value="20" name="amount">20</option>  
</select> 


THis input needs to receive the selected value  
<input type="text" id="amount-paypal" name="amount">

$（文件）。就緒（函數（）{

//choose which price to use from select form 
    $('#selectMembership').on('change', function(){ 

     $('#amount-paypal').val($(this).val()); 
    }); 

});

參考以下鏈接：http://jsfiddle.net/qwXxm/

來源

2014-03-19 12:22:14

如何獲取Ajax更新金額輸入？

回答

相關問題