华为交换机学习

jQuery-配送地址下拉框

使用jQuery-配送地址下拉框

jQuery-配送地址下拉框

{# 选择配送地址 #}
$('#select').change(function () {
    var a = $('#select option:selected');
    if (a.val() !== "") {
        $('input[type="text"]').attr('readonly','readonly');
        $($('input[type="text"]')[0]).val(a.attr('name'));
        $($('input[type="text"]')[1]).val(a.attr('address'));
        $($('input[type="text"]')[2]).val(a.attr('post_code'));
        $($('input[type="text"]')[3]).val(a.attr('addr_mobile'));
        $($('input[type="text"]')[4]).val(a.attr('cell_phone'));
    }else {
        $('input[type="text"]').attr('readonly','');
        for (var i=0; i < $('input[type="text"]').size();i++) {
            $($('input[type="text"]')[i]).val("")
        }
    }
})

html样式

<div class="address" id="dp_adress">
    <span class="icon_adr">&nbsp;</span>配送地址：
    {% if address %}
    <div class="select_add">
        <select name="" id="select" class="text fn-select-address">
            <option value="" class="select_add1">请选择收货地址</option>
            {% for address1 in address %}
            <option class="select_add1" value="{{ address1.id }}" name="{{ address1.name }}" address="{{ address1.address }}" post_code="{{ address1.post_code }}" cellphone="{{ address1.cellphone }}" addr_mobile="{{ address1.addr_mobile }}" class="address_select">{{ address1.address }}</option>
            {% endfor %}
        </select>
        {% else %}
        <div class="select_add">
            <select name="" id="select_add" class="text fn-select-address">
                <option value="请选择收货地址">您还没有添加收货地址</option>
            </select>
        </div>
    </div>
    {% endif %}

    <!--<a href="#" class="tip"></a>-->
    <span class="tip_c" style="display:none;">针对不同配送地址，您的货物可能出现缺货或无货状态，敬请谅解。</span>
</div>