0

我有一个金额下拉列表，其初始选择值为 10 美元，还有一个金额文本框，项目要求是用户开始在文本框中输入内容，下拉列表值应更改为“-”，并且用户再次单击下拉列表文本框中的值应该是空白的，连字符应该被删除，请建议如何实现这一点。下面是代码（目前没有编写脚本）：

<div class="selectContainer ui-grid-a" id="DD2">
    <select class="left" name="card1SelectAmount" data-mini="true" id="giftCardAmount1" 
    style="width: 30%;padding-left: 20px" onclick="dropDownClicked()">
        <option value="10" selected="selected">$10</option>
        <option value="15">$15</option>
        <option value="20">$20</option>
        <option value="25">$25</option>
        <option value="30">$30</option>
        <option value="35">$35</option>
        <option value="40">$40</option>
        <option value="45">$45</option>                  
        <option value="50">$50</option>
        <option value="75">$75</option>
        <option value="100">$100</option>
        <option value="150">$150</option>
        <option value="200">$200</option>
        <option value="250">$250</option>
        <option value="300">$300</option>
        <option value="350">$350</option>
        <option value="400">$400</option>
        <option value="450">$450</option>
        <option value="500">$500</option>
    </select>
</div>
<div class="ui-grid-b">
    <input type="number"  name="card1EnterAmount" id="giftCardAmountInput1"     
    class="right" placeholder="OR - Enter Amount" style="width: 30%;
    padding-right:20px; height: 20%" onmousedown="enterAmt()"/>
</div>
4

1 回答 1

1

如果这是您想要的，请看一下小提琴：

http://jsfiddle.net/ysS2z/5/

JS

$('#giftCardAmountInput1').on('change keyup', function(){
    if ($('#giftCardAmount1').val() != '-') {
        $('#giftCardAmount1').append('<option selected="selected" value="-">-</option>');
    }
});

$('#giftCardAmount1').on('change', function(){
    $('#giftCardAmountInput1').val('');
    $('#giftCardAmount1').find('option[value="-"]').remove();
});
于 2013-04-09T07:05:01.877 回答