Jquery 下拉框中用于更改输入框的选项

哎呀

我正在为我的网页开发一个在线捐赠网站。我希望用户有一个下拉框与支付选项（$5，$10，$20，其他）。我目前已经将其设置为，如果选择了“其他”选项，它将显示一个输入框；如果选择了另一个选项（$5、$10、$20），则输入框将隐藏。此外，捐款是通过PayPal进行的，我已经将PayPal捐赠按钮/php整合到该网站中。我遇到了以下问题：因为输入框是填充捐赠金额的字段，Pay Pal无法识别下拉列表中的金额。例如，如果我选择“其他”选项，在输入框中输入100美元，然后从下拉框中选择“$10”选项（假设我改变主意，想捐赠10美元而不是100美元），然后单击“捐赠”按钮，Pay Pal处理100美元而不是10美元的付款（因为它是从输入框中提取的）

我相信我有一个补丁，但我不一定确定如何编码它。我正在寻找以下方面的帮助：当用户从下拉框中选择一个选项时，我希望此操作使用相应的值填充（隐藏）输入框。类似地，如果用户从下拉列表中选择“other”选项，我希望输入框（现在可见）填充“”作为用户自己填充此选项

同样，我不确定如何编写这样的代码，我希望有人能为我指明正确的方向。我真的非常感谢你的帮助，我非常珍惜你的时间。谢谢大家!

编辑：谢谢你的帮助。以下是我目前拥有的代码：

    <select name="amount" id="otherFieldOption" class="dropdown">
                    <option value="20">$20</option>
            <option value="10">$10</option>
            <option value="5" selected="selected">$5</option>
            <option value="otherField">Other</option>   
    </select>

    <div id="otherField">
        Amount:
        <input type="text" id="amount" name="amount" class="textfield" size="10"/>
    </div>

当用户单击选择框时，清除文本框

试试这个：

<select id="moneySelect" onchange="$('#moneyText').val(''); $('#sendValue').val(this.value);">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
</select>
<input type='text' id="moneyText" onkeypress="$('#sendValue').val(this.value)">
<input type="hidden" name="sendValue" id="sendValue" />

10
20
50

当用户单击选择框时，清除文本框

试试这个：

<select id="moneySelect" onchange="$('#moneyText').val(''); $('#sendValue').val(this.value);">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
</select>
<input type='text' id="moneyText" onkeypress="$('#sendValue').val(this.value)">
<input type="hidden" name="sendValue" id="sendValue" />

10
20
50

这是一个

这是一个

Donetion：

完成：

Ivan，欢迎来到stackoverflow！如果我们要帮助您，我们将需要查看您的一些代码，以便我们可以看到您的错误，并向您展示如何纠正itIvan，欢迎使用stackoverflow！如果我们要帮助你，我们将需要看到你的一些代码，这样我们可以看到你做错了什么，并告诉你如何纠正它，这几乎正是我所需要的；但是，当用户选择“其他”时，我希望输入框是清晰的，从现在起，它输入文本（即：“其他”）而不是“”。希望这是有意义的，关于如何实施这一改变有什么想法吗？这几乎正是我所需要的。谢谢这几乎正是我所需要的；但是，当用户选择“其他”时，我希望输入框是清晰的，从现在起，它输入文本（即：“其他”）而不是“”。希望这是有意义的，关于如何实施这一改变有什么想法吗？这几乎正是我所需要的。谢谢添加解释可以更好地理解为什么它是一个好的解决方案。添加解释可以更好地理解为什么它是一个好的解决方案。

<select id="choice">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="50">50</option>
        <option value="other">other</option>
</select>
<input type='text' id="other" class="hidden" />

$('#choice').change(function(){
    var selected_item = $(this).val()

    if(selected_item == "other"){
        $('#other').val("").removeClass('hidden');
    }else{
        $('#other').val(selected_item).addClass('hidden');
    }
});

<label>Donetion:</label>
    <input list="browsers" name="myBrowser" placeholder="Donetion" />
    <datalist id="browsers">
    <option value="$5">
    <option value="$15">
</datalist>