-1

選択ボックスにアイテムを追加するjqueryコードがあります。選択リストに新しい項目を追加する前に、既存の項目をクリアする必要があります。removeメソッドを使用しました。しかし、それはアイテムを削除していません。これを機能させるには、何を変更する必要がありますか?

jQuery

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {

        $("#btnProgramDescriptionMagnifingLens").click(function () {
            alert('Clicked');
            var costPageDisplayText = 'A';

            //REMOVE
            var id = $('mtxtProgramDescription option').remove();

            //ADD
            var o = new Option(costPageDisplayText, 'B');
            $(o).html(costPageDisplayText);
            $("#mtxtProgramDescription").append(o);

        });


    });
</script>

CSS

<style type="text/css">
    .floaterleft {
        width: 300px;
        height: 300px;
        background-color: gray;
        padding: 10px 10px 10px 10px;
    }
</style>

HTML

<body>

      <div class="floaterleft">

        <div class="descriptionLeft">
            <label for="Program___Description">Program / Description</label>
        </div>
        <div class="controlLeft">
            <div class="partialFirstLine">
                <div class="headerTextBox">
                    <input id="txtProgramDescription" class="searchTextbox" id="Program" name="Program" type="text" value="" />
                </div>
                <div class="Magenifyingbtn">
                    <img src="/Images/Lens2.png" id="btnProgramDescriptionMagnifingLens" class="Magenifyingbtn" />
                </div>
            </div>
            <div class="partialSecondLine">
                <select id="mtxtProgramDescription" name="mtxtProgramDescription" multiple="multiple" class="multiSelectCommon"></select>
            </div>
        </div>
    </div>

    <div class="floaterleft">
        <div class="partLeft">

            <div class="subLeft">
                <div class="headerLabelPrintItem">
                    <label for="Print_Item">Print Item</label>
                </div>
                <div class="headerTextBoxPrintItem">
                    <select id="ddlPrintItem" name="ddlPrintItem">
                        <option value="Select">-- Select --</option>
                        <option value="Yes">Yes</option>
                        <option value="No">No</option>
                    </select>

                </div>
            </div>
            <div class="subLeft">
                <div class="headerLabelPrintItem">
                    <label for="Order_Type">Order Type</label>
                </div>
                <div class="headerTextBoxPrintItem">
                    <select id="Select1" name="ddlPrintItem">
                        <option value="Select">-- Select --</option>
                        <option value="Direct">Direct</option>
                        <option value="Indirect">Indirect</option>
                    </select>

                </div>
            </div>

        </div>

    </div>


</body>
4

2 に答える 2

5

ID セレクターがありません。次のように変更してください。

$('mtxtProgramDescription option')

に

$('#mtxtProgramDescription option')
//^^^ note the #
于 2013-09-06T15:32:42.123 に答える