快捷導(dǎo)航

HTML文本框的值改變后觸發(fā)后臺(tái)代碼的方法

更新時(shí)間：2013年04月27日 14:29:10 作者：

asp.net用日期插件，當(dāng)選中一個(gè)日期時(shí)觸發(fā)一個(gè)事件，以查詢當(dāng)前日期的數(shù)據(jù)。這是要跟數(shù)據(jù)庫交互的。先貼出控件代碼：

<asp:TextBox ID="txtDate" CssClass="Wdate" Style="width: 91px;" runat="server"

onfocus="WdatePicker({maxDate:'%y-%M-%d',isShowClear:false,readOnly:true})"
onpropertychange="showValue(this.value)" ></asp:TextBox>

日
<asp:HiddenField ID="hiddenDate" runat="server"

OnValueChanged="hiddenDate_ValueChanged"
EnableViewState="false" />
<div style="display: none;">
<asp:ImageButton ID="btnHid" runat="server"

ImageUrl="~/Resource/images/Btn_Find.gif"
CausesValidation="false" align="absmiddle"

OnClick="btnHid_Click" />
</div>

如果要實(shí)現(xiàn)這個(gè)目的，肯定要用到后臺(tái)代碼，也需要用到j(luò)avascript代碼。javascript代碼

如下：

復(fù)制代碼代碼如下:

        //格式化當(dāng)前“月”，“日”格式。
        if ((today.getMonth() + 1) < 10) {
            todayMonth = "0" + (today.getMonth() + 1);
        }
        if (today.getDate() < 10) {
            todayDate = "0" + today.getDate();
        }

//獲得當(dāng)前的日期。
var oldValue = http://m.fzitv.net/Health/archive/2012/02/10/today.getFullYear() +"-" + todayMonth + "-" + todayDate;

        function showValue(obj) {
            //當(dāng)查詢?nèi)掌诓粸榭諘r(shí)，就觸發(fā)查詢按鈕。
            if (obj != "" && obj != oldValue) {
                oldValue = http://m.fzitv.net/Health/archive/2012/02/10/obj;
                $('#txtName').get(0).select();
                $("#hiddenDate").val(obj);
                $('#btnHid').trigger("click");
                return false;
            }
        }
    </script>

javascript代碼主要是判斷當(dāng)前選中日期不為空，并且是選擇的一個(gè)新日期。才會(huì)觸發(fā)一個(gè)

隱藏控件的OnValueChanged，也可以觸發(fā)一個(gè)按鈕事件，都可以達(dá)到目的。日期控件的事件

就是 onpropertychange="showValue(this.value)"用javascript代碼。
下面就是后臺(tái)代碼了：

復(fù)制代碼代碼如下:

    //根據(jù)用戶選擇的時(shí)間查詢。
    protected void hiddenDate_ValueChanged(object sender, EventArgs e)
    {
       //后臺(tái)代碼
    }

    //根據(jù)用戶選擇的時(shí)間查詢。
    protected void btnHid_Click(object sender, ImageClickEventArgs e)
    {
        //后臺(tái)代碼
    }

這兩個(gè)都可以用。
這篇博文只要說明的是怎么用前臺(tái)非服務(wù)器控件文本框(雖然本篇博文用的是服務(wù)器控件，但

是HTML控件也是一樣的效果。)，文本的改變觸發(fā)后臺(tái)事件，以執(zhí)行后臺(tái)代碼。

您可能感興趣的文章: