0

我们有以下代码生成一个复选框（选择付款方式）。当一个人选择第一种方法（理想/银行）时，会显示一个带有银行的下拉列表

现在，当用户选择银行时，在此之后页面由 F5 刷新或 ajax 请求生成相同的 html 代码，但我从列表中选择的银行被忘记了

现在，我将如何监视下拉列表以及何时更改保存值/选择（甚至可能仅在内存中仅用于 ajax 请求，仅在整个页面不重新加载的情况下）以及新的 ajax 请求返回并打印输出（没有选择）设置选择回来？

我们使用 Magento 1.7 和 jquery

希望有人知道一个漂亮的技巧

<ul class="form-list" id="payment_form_<?php echo $_code ?>" style="display:none">
        <li>
            <label for="<?php echo $_code ?>_bank"><?php echo $this->__(Mage::getStoreConfig('payment/sisow/issuerchoice')) ?> <span class="required">*</span></label><br/>
            <select id="<?php echo $_code ?>_bank" name="payment[<?php echo $_code ?>_bank]" class="input-text validate-text required-entry">
                <option value=""><?php echo $this->__('Selecteer een bank...'); ?></option>
                <?php foreach($banks as $bank)
                {
                ?>
                    <option value="<?php echo $bank['value'];?>"><?php echo $bank['label']; ?></option>
                <?php
                }
                ?>
            </select>
            <br/>
            <?php echo $this->__(Mage::getStoreConfig('payment/sisow/payoff')) ?>
        </li>
    </ul>

以下 HTML 是通过 AJAX 生成的

现在我们如何保存在<select id="sisow_bank"(可能通过 onchange) 下选择的选项，然后在通过 ajax 重新加载块时触发 unload 事件。

<dl class="sp-methods">
    <dt>
            <input id="p_method_sisow" value="sisow" type="radio" name="payment[method]" title="Betalen met iDEAL (NL)" onclick="payment.switchMethod('sisow')" checked="checked" class="radio" autocomplete="off">
            <label for="p_method_sisow">Betalen met iDEAL (NL) </label>
    </dt>
        <dd>

    <ul class="form-list" id="payment_form_sisow" style="">
        <li>
            <label for="sisow_bank">Kies uw bank <span class="required">*</span></label><br>
            <select id="sisow_bank" name="payment[sisow_bank]" class="input-text validate-text required-entry" autocomplete="off">
                <option value="">Selecteer een bank...</option>
                                    <option value="01">ABN Amro Bank</option>
                                    <option value="02">ASN Bank</option>
                                    <option value="04">Friesland Bank</option>
                                    <option value="05">ING</option>
                                    <option value="06">Rabobank</option>
                                    <option value="07">SNS Bank</option>
                                    <option value="08">RegioBank</option>
                                    <option value="09">Triodos Bank</option>
                                    <option value="10">Van Lanschot Bankiers</option>
                                    <option value="11">Knab</option>
                            </select>

我们尝试了

jQuery(document).ready(function(){

    var item = window.localStorage.getItem('payment_select');
    jQuery('select[name=payment[sisow_bank]]').val(item);

    jQuery('select[name=payment[sisow_bank]]').change(function() {
       window.localStorage.setItem('payment_select', $(this).val());
    });


});

但它看起来不像在 div 部分的 ajax 重新加载后调用 ready 函数

4

1 回答 1

0

使用 jQuery 就绪函数的胆量创建一个新函数。从 jQuery.ready 函数调用该新函数（除了对您现在添加的新函数的函数调用外，该函数现在为空）。在您的 ajax 调用结束时，添加对新函数的调用。

于 2013-04-04T19:06:51.673 回答