根据加载时的选定值显示/隐藏不起作用

时间:2015-10-08 17:04:51

标签: javascript jquery coldfusion

我有一个表单,用户可以根据下拉列表选择2种不同的窗口小部件类型。下拉列表中的每个项目都附加了非常不同的表单字段。如果我改变了价值,那就很有效。适当的领域出现了。我遇到的问题是表单的初始加载(表单本身是通过ajax调用加载的),相应的字段仍然隐藏而不显示。

以下是显示的代码部分:

([a-z])(\d*)\.?

这是javascript / jquery。这是页面底部的代码,用于在页面加载并显示相应字段时尝试获取所选值:

<tr id="numSliderSec1" class="numSliderSec">
  <td style="font-weight:bold;">
    Minimum Value:
  </td>
  <td width="20">
    &nbsp;
  </td>
  <td>
    <cfif isdefined("qRoundItemInfo.roundItemMinValue") and qRoundItemInfo.roundItemMinValue neq "" and qRoundItemInfo.roundItemMinValue>
      <input checked="checked" id="ItemMinValue" type="checkbox" onClick="roundsAdminEventHelper.updateItemMinValueEventHandler(#URL.RoundItemID#,this.value);" />
      <cfelse>
        <input id="ItemMinValue" type="text" onClick="roundsAdminEventHelper.updateItemMinValueEventHandler(#URL.RoundItemID#,this.value);" />
      </cfif>
    </td>
  </tr>
<tr id="numSliderSec2" class="numSliderSec">
  <td colspan="3">
    &nbsp;
  </td>
</tr>
<tr id="numSliderSec3" class="numSliderSec">
  <td style="font-weight:bold;">
    Maximum Value:
  </td>
  <td width="20">
    &nbsp;
  </td>
  <td>
    <cfif isdefined("qRoundItemInfo.roundItemMaxValue") and qRoundItemInfo.roundItemMaxValue neq "" and qRoundItemInfo.roundItemMaxValue>
      <input checked="checked" id="ItemMaxValue" type="checkbox" onClick="roundsAdminEventHelper.updateItemMaxValueEventHandler(#URL.RoundItemID#,this.value);" />
      <cfelse>
        <input id="ItemMaxValue" type="text" onClick="roundsAdminEventHelper.updateItemMaxValueEventHandler(#URL.RoundItemID#,this.value);" />
      </cfif>
    </td>
  </tr>
<tr id="numSliderSec4" class="numSliderSec">
  <td colspan="3">
    &nbsp;
  </td>
</tr>
<tr id="numSliderSec5" class="numSliderSec">
  <td slign="left">
    1
  </td>
  <td>
    &nbsp;
  </td>
  <td align="right">
    50
  </td>
</tr>

<tr id="numSliderSec6" class="numSliderSec">
  <td colspan="3" id="sliderLoc">
  </td>
</tr>
<tr id="numSliderSec7" class="numSliderSec" style="padding-top: 10px;">
  <td colspan="3">
    <label for="amount">
      Default Value:  
    </label>
    <input type="text" id="amount" name="itemDefaultValue" readonly style="border:0; color:##f6931f; font-weight:bold;">
  </td>
</tr>

<tr id="numTextBoxSec" class="numTextBoxSec">
  <td style="font-weight:bold;">
    Default Value:
  </td>
  <td width="20">
    &nbsp;
  </td>
  <td>
    <cfif isdefined("qRoundItemInfo.roundItemDefaultValue") and qRoundItemInfo.roundItemDefaultValue neq "" and qRoundItemInfo.roundItemDefaultValue>
      <input checked="checked" id="ItemDefaultValue" type="checkbox" onClick="roundsAdminEventHelper.updateItemDefaultValueEventHandler(#URL.RoundItemID#,this.value);" />
      <cfelse>
        <input id="ItemDefaultValue" type="text" onClick="roundsAdminEventHelper.updateItemDefaultValueEventHandler(#URL.RoundItemID#,this.value);" />
      </cfif>
    </td>
  </tr>

1 个答案:

答案 0 :(得分:1)

从你所写的内容来看,这似乎是一个时机。在AJAX加载页面中调用时不会触发$(document).ready(,因为文档本身已经加载。如果我是你,我会把这个函数作为加载表单的AJAX调用的回调。