2012-07-09 57 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> 

試試這個....它爲我