下拉框中的选项可更改输入框
HELLP,
我正在为我的页面开发一个在线捐赠网站。 我希望用户有一个带有付款选项的下拉框($ 5,$ 10,$ 20,Other)。 如果选择“其他”选项,我目前将其设置为显示输入框的位置; 如果选择了另一个选项($ 5,$ 10,$ 20),则隐藏输入框。 此外,捐款通过pay-pal进行,我已将Pay-Pal捐赠按钮/ php纳入网站。 我遇到了以下问题:因为输入框是填充捐赠金额的字段,Pay-Pal无法识别下拉金额。 例如,如果我选择“其他”选项,请在输入框中输入$ 100,然后从下拉框中选择“$ 10”选项(让我们假设我改变主意并想捐出10美元而不是100美元),然后点击捐赠按钮,Pay-Pal处理100美元而不是10美元的付款(因为它是从输入框中拉出来的)。
我相信我有一个修复,但我不一定确定如何编码。 我正在寻求以下帮助:当用户从下拉框中选择一个选项时,我希望此操作使用相应的值填充(隐藏)输入框。 类似地,如果用户从下拉列表中选择“其他”选项,我希望输入框(现在可见)填充“”,因为用户将填充此选项他/她自己。
同样,我不确定如何编写这样的代码,我希望有人可以指出我正确的方向。 我真的非常感谢任何帮助,我非常感谢你的时间。 谢谢!
编辑:谢谢你的帮助。 这是我现在的代码:
$20 $10 $5 Other Amount:
jquery代码:
$(document).ready(function() { $.viewInput = { '0' : $([]), //THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD 'otherField' : $('#otherField'), }; $('#otherFieldOption').change(function() { // HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED $.each($.viewInput, function() { this.hide(); }); // SHOWS THE INPUT FIELD ITEM IF SELECTED $.viewInput[$(this).val()].show(); }); });
这是一个演示
和jquery一起去
$('#choice').change(function(){ var selected_item = $(this).val() if(selected_item == "other"){ $('#other').val("").removeClass('hidden'); }else{ $('#other').val(selected_item).addClass('hidden'); } });
当用户单击选择框时清除文本框。
试试这个: