杂记

 

区别

<input type="hidden" /> 
<input style="display: none;" type="text" /> 
<input style="visibility: hidden;" type="text" /> 

<input type="text" readonly="readonly" /> 
<input type="text" disabled="disabled" />

 

ul，li下拉

function showProvinceOption(){
    $("#provinceList").slideToggle();
    $("#provinceList li").on('click',function(){
        $("#provinceList li").off('click');
        alert('provinceId:' + $(this).val());
//        为何弹出框会随着点击次数的增加而增加？第一次弹出1框，第二次弹出2框，第三次弹出3框，第四五...次
        $("#provinceListText").html($(this).html());
        $("#provinceId").val($(this).val());//将下拉列表显示填充到输入框，这里能得到数字值。。。。
        $("#provinceName").val($(this).html());
        $("#provinceList").slideUp();
        provinceChange();        
    });    
    $("#provinceList").on('mouseleave',function(){
            $("#provinceList").slideUp();
        }
    );
}

 

function showBankOption(){
    $("#bankList").slideToggle();
    $("#bankList li").on('click',function(){
//        alert("bankCode:" + $(this).val()); //这里得到的是0...，而实际应该是银行代号 ABC 之类的字符串
        alert('bankCode:' + $(this).attr('value')); //能得到正确value属性值
        $("#bankListText").html($(this).html());//将下拉列表显示填充到输入框
        $("#bankCode").val($(this).attr('value'));//将下拉列表显示填充到输入框
         $("#bankName").val($(this).html());
        $("#bankList").slideUp();
        $("#bankList li").off('click');
    });
    $("#bankList").hover(
        function(){},
        function(){
            $("#bankList").slideUp();
        }
    );
}

 

 

 

 

 

总结：<li>标签没有标准的value属性，若是自定义加上，那么需要通过attr('value')获得，而不是通过val()获得，有时能通过val()获得，那只是巧合。。。

<li>