2014-01-09 7 views
2

Я присваиваю значение скрытому полю, и я хочу получить доступ к этому значению в JavaScript.Невозможно получить значение <asp: HiddenField> в javascript

Моя декларативный часть:

<asp:HiddenField ID="chkImages" runat="server" /> 
<div id="main" runat="server" style="display:none;"></div> 
<a id="NewsTitle" runat="server" class="specialNews-label"></a> 

Мой код JavaScript является:

$(document).ready(function() { 
    $("#bxsliderid").parent().css("display", "block"); 
    $('.bxslider').bxSlider({ 
     controls:false, 
     pager:false, 
     auto:true, 
     speed: 9000, 
     easing: 'linear', 
     mode: 'fade', 
     pause: 5000, 
    }); 

    if(document.getElementById('<%= chkImages.ClientId%>').value == "1") { 
     $(".specialNews-label").css("display", "block"); 
    } 
}); 

Я открыл страницу и увидеть в Firebug, что скрытое поле визуализируется, но я не являюсь получив его значение, при отладке JavaScript я получаю ошибку, например: Unable to get property 'value' of undefined or null reference

Что мне не хватает?

+0

проверка Скрытое поле идентификатор же, как проход в JavaScript –

+0

можете ли вы опубликовать код скрытого кода javascript и html? –

+0

Хорошо, сэр, вот код, который визуализируется: '<имя входного = "ctl00 $ SPWebPartManager1 $ g_5df4804c_7fc5_4955_aa12_c307c78f94e3 $ chkImages" ID = "ctl00_SPWebPartManager1_g_5df4804c_7fc5_4955_aa12_c307c78f94e3_chkImages" Тип = "скрытый" значение = "1"/>' –

ответ

1

Вам не нужно изменить любую вещь в ваш код HTML yo у просто изменить JavaScript следующим образом:

В коде Jquery:

$(document).ready(function() { 
    $("#bxsliderid").parent().css("display", "block"); 
    $('.bxslider').bxSlider({ 
     controls:false, 
     pager:false, 
     auto:true, 
     speed: 9000, 
     easing: 'linear', 
     mode: 'fade', 
     pause: 5000, 
    }); 

    if($("input[type='hidden'][id$='chkImages']").val() == "1") { 
     //alert('test'); 
     $(".specialNews-label").css("display", "block"); 
    } 
}); 

See Demo для оказанной HTML:

JS Fiddle

+0

Спасибо, большое спасибо, его работа отлично ... :-) –

0

эй брат там письмо случае задача

попробовать это -----

ClientID вместо ClientId

1

, пожалуйста, попробуйте ниже ... Это работает нормально ... Это

<head runat="server"> 
    <title></title> 
    <script src="Scripts/jquery-1.9.1.min.js" type="text/javascript"></script> 
    <script> 
     $(document).ready(function() { 
      alert($('#chkImages').val()); 
      if ($('#chkImages').val() == "1") { 
       $("#NewsTitle").css('display', ''); 
      } 
     }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:HiddenField ID="chkImages" runat="server" Value="1" /> 
     <div id="main" runat="server" style="display: none;"> 
      Test 
     </div> 
     <a id="NewsTitle" runat="server" style="display: none" class="specialNews-label">AAAA</a> 
    </div> 
    </form> 
</body> 
0

попробовать это

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyForm.aspx.cs" Inherits="TestApp.MyForm" %> 

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:HiddenField ID="hdnField" runat="server" /> 
    </div> 
    </form> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      alert($("#<%= hdnField.ClientID %>").val()); 
     }); 
    </script> 
</body> 
</html> 
0

Используйте .attr('value') в своем коде вместо .value. Поскольку вы используете jQuery, вы можете это сделать.

$(document).ready(function() { 
    if ($('#chkImages').attr('value') == "1") { 
     alert("Working..."); 
    } 
}); 

http://jsfiddle.net/zW3fj/

+0

Этот способ тоже не работает сэр. –

+0

Обновлен код и включен скрипт .net. – trgraglia

+0

Спасибо, что помогли сэр, но все-таки у меня проблема, вы можете отправить мне мой код? –

0

проверка идентификатор же в моем случае это my_id

JS

document.getElementById('my_id').value == "1" 

HTML

<input name="image_name" id="my_id" type="hidden" value="1"/> 
+0

Спасибо, что ответили сэром, но мне нужно программно изменить значение скрытого поля. Как установить значение поля в коде? –

+0

yes Я знаю, но просмотр источника вашей страницы см. Ваш идентификатор одинаковый в js и html –

+0

Я говорю об изменении значения в C#, а не в JS sir. –

Смежные вопросы