在网页表单中使用jquery和母版页,jquery不起作用 [英] Use jquery in web form with master page, jquery is not working

查看:71
本文介绍了在网页表单中使用jquery和母版页,jquery不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用绑定下拉控件并获取值成员并显示在文本框控件上,jquery不能与母版页一起使用。如果我在没有母版页的情况下工作,这个代码就可以工作..请帮助我..



我的母版设计代码是:

I am using on bonded dropdown control and get value member and display on a textbox control, jquery is not working with Master Page. if I work without master page this code is worked.. Please Help Me..

My Master Page Design Code are :

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="TestMaster.master.cs" Inherits="CustomerModule_CustomerMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"  runat="server">
   <title>Prismmedicals</title>
</head>
<body>
    <form id="form1"  runat="server">
	<div>
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        
		</div>
    </form>
</body>
</html>



和WebFrom代码是:


And WebFrom Codes are :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TESTPage.aspx.cs" Inherits="TESTPage" MasterPageFile="~/TestDoc/TestMaster.master" %>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" ID="CP" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
                $(document).ready(function () {
                //We are binding onchange event using jQuery built-in change event
                $('#ddlSubject').change(function () {
                //get selected value and check if subject is selected else show alert box
                var SelectedValue = $("#ddlSubject").val();
                if (SelectedValue > 0) {
                //get selected text and set to label
                var SelectedText = $("#ddlSubject option:selected").text();
                lb1.innerHTML = SelectedValue;
                } else {
                //reset label values and show alert
                lb1.innerHTML = "";
                alert("Please select valid subject.");
                }
                });
                });
    </script>
    <div>
        <asp:DropDownList ID="ddlSubject" runat="server">
        
        <asp:Label ID="lb1" runat="server" ForeColor="Red" >
    </div>



谢谢。

Regard

Rahul < br $> b $ b

我尝试过:




Thank You.
Regard
Rahul

What I have tried:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="TestMaster.master.cs" Inherits="CustomerModule_CustomerMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"  runat="server">
   <title>Prismmedicals</title>
</head>
<body>
    <form id="form1"  runat="server">
	<div>
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        
		</div>
    </form>
</body>
</html>





和WebFrom代码是:



And WebFrom Codes are :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TESTPage.aspx.cs" Inherits="TESTPage" MasterPageFile="~/TestDoc/TestMaster.master" %>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" ID="CP" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
                $(document).ready(function () {
                //We are binding onchange event using jQuery built-in change event
                $('#ddlSubject').change(function () {
                //get selected value and check if subject is selected else show alert box
                var SelectedValue = $("#ddlSubject").val();
                if (SelectedValue > 0) {
                //get selected text and set to label
                var SelectedText = $("#ddlSubject option:selected").text();
                lb1.innerHTML = SelectedValue;
                } else {
                //reset label values and show alert
                lb1.innerHTML = "";
                alert("Please select valid subject.");
                }
                });
                });
    </script>
    <div>
        <asp:DropDownList ID="ddlSubject" runat="server">
        
        <asp:Label ID="lb1" runat="server" ForeColor="Red" >
    </div>

推荐答案

document ).ready( function (){
// 我们使用jQuery内置更改事件绑定onchange事件
(document).ready(function () { //We are binding onchange event using jQuery built-in change event


' #ddlSubject')。change( functi on (){
// 获取选定的值并检查是否选择了主题其他显示提醒框
var SelectedValue =
('#ddlSubject').change(function () { //get selected value and check if subject is selected else show alert box var SelectedValue =


#ddlSubject)。val();
if (SelectedValue> 0 ){
// 获取所选文本并设置为标签
var SelectedText =
("#ddlSubject").val(); if (SelectedValue > 0) { //get selected text and set to label var SelectedText =


这篇关于在网页表单中使用jquery和母版页,jquery不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆