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 に答える