2012-07-09 58 views
0

的利用价值我有一个隐藏字段,它具有以下的标记:选择控制使用jQuery - hiddenfield

<input type="hidden" name="ctl00$ContentPlaceHolder1$LinksOverview1$ProductView$ctrl1$ctl01$ctl00$DescriptionOfLink$QuestionDivInfo" id="ContentPlaceHolder1_LinksOverview1_ProductView_ctrl1_ctl00_3_DescriptionOfLink_3_QuestionDivInfo_3" value="ContentPlaceHolder1_LinksOverview1_ProductView_ctrl1_ctl00_3_questionMark_3" /> 

我的隐藏字段的值,相同的跨度,我有的ID:

<span id="ContentPlaceHolder1_LinksOverview1_ProductView_ctrl1_ctl00_3_questionMark_3" class="questionMarkLayout">(?)</span> 

我不知道代码被呈现前我的跨度的ID,但我可以访问我隐藏的字段的值。

使用jQuery,我想:

  • 中把握控制,我hiddenfield价值的ID

到目前为止,我已经试过:

<script type="text/javascript"> 
    $(document).ready(function() { 
     alert('<%#QuestionDivInfo.ClientID %>'); 
     $('<%#QuestionDivInfo.ClientID %>').val().mouseover(function (e) { 
      $('<%#HintDiv.ClientID %>').show(); 
     }); 

     $('<%#QuestionDivInfo.ClientID %>').val().mouseleave(function (e) { 
      $('<%#HintDiv.ClientID %>').hide(); 
     }); 
    }); 
</script> 

但它不起作用。

任何提示? :)

回答

2

使用此代码:

$(document).ready(function() { 
     alert('<%#QuestionDivInfo.ClientID %>'); 
     var span=$("#"+$('<%#QuestionDivInfo.ClientID %>').val()); 
     $(span).mouseover(function (e) { 
      $('<%#HintDiv.ClientID %>').show(); 
     }); 

     $(span).mouseleave(function (e) { 
      $('<%#HintDiv.ClientID %>').hide(); 
     }); 
    }); 
+0

+1为扭曲的问题。 – Adil 2012-07-09 18:07:30

+0

问题没有扭曲,他们的方法跟随是扭曲 – Adil 2012-07-09 18:14:40

+0

非常感谢:)工作! – 2012-07-09 19:11:57

1

事件应该被绑定到无法控制控件的值,

$('<%#QuestionDivInfo.ClientID %>').val().mouseover(......... 

应该

$('#'+$('#<%QuestionDivInfo.ClientID %>').val()).mouseover(......... 

你的代码将是

$(document).ready(function() { 
     alert('<% QuestionDivInfo.ClientID %>'); 
     $('#'+ $('#<%QuestionDivInfo.ClientID %>').val()).mouseover(function (e) { 
      $('#<%HintDiv.ClientID %>').show(); 
     }); 

     $('#'+$('<%#QuestionDivInfo.ClientID %>').val()).mouseleave(function (e) { 
      $('#<%HintDiv.ClientID %>').hide(); 
     }); 
    }); 
+0

$( '<%#QuestionDivInfo.ClientID%>')。鼠标悬停()将处理程序添加到隐藏字段,不能跨越。 – Dimitri 2012-07-09 17:43:11

+0

感谢@Dimitr,再次看看。 – Adil 2012-07-09 17:47:05

+0

是的,这就是我在我的答案中写的... – Dimitri 2012-07-09 17:47:40

0
<script type="text/javascript"> 

     $(document).ready(function() { 

      var hiddenFieldValue = $('input[id$=QuestionDivInfo_3]').attr('value'); 
      alert(hiddenFieldValue); 
      var spanValue = $('span[id$=' + hiddenFieldValue + ']').html(); 
      alert(spanValue); 
     }); 

    </script> 

试试这个....它为我