2013年1月23日 星期三

{JQuery} 函式 運用 (更新時間:04/09)

1.函式:$.map(source,function (item)
解釋:列出陣列中資料(JSON. ARRAY)
範例:

$.map(JSON.parse($("#<%=Source.ClientID %>").val()),function (item) {
    $('#<%=ddlAAA.ClientID%>').append($('<option value=' + item+ '>' + item  + '</option>'));
                            })

參考資料:http://api.jquery.com/jQuery.map/



2.函式:$.grep(source, function (item)
解釋:比對外來資料與陣列中的資料(JSON. ARRAY)
範例:

$.map(source,function (item) {

  $.grep(JSON.parse($("#<%=Source.ClientID %>").val()), function (item) {
                        return (new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i")).test(item);
                    })


參考資料:http://api.jquery.com/jQuery.grep/

2013年1月3日 星期四

{JavaScript} html控制項利用JS Bind事件


$('#btnAdd').bind('click', function () {
                        var qty = $('#txtQty').val() != '' ? parseInt($('#txtQty').val()) : 0;
                        var sum = $('#hiddenText').val() != '' ? parseInt($('#hiddenText').val()) : 0;
                        var total = qty + sum;
                        $('#hiddenText').val(total);
                        alert($('#hiddenText').val());
                    })

<input type="button" id="btnAdd" value="加入" />

按鈕btnAdd利用JS語法,Bind 住 Click事件

參考資料:
http://stackoverflow.com/questions/6458840/on-input-change-event