在选择框中忽略onchange

时间:2012-01-31 11:06:40

标签: java javascript rendering onchange ignore

说实话,我在JavaScript方面不够专业,但我觉得我的问题很奇怪o.O

事实上,我有一个包含模板列表的SelectBox。如果我选择一个,那么onchange事件将通过Ajax调用和显示为选中的表单得到很好的处理。 确定

现在,如果一个表单包含SelectBox并且它还包含onchange,那么该事件将被忽略且没有任何反应。 NOK

<div class="UIDocumentFormController" id="UIDocumentFormController">    
 <div style="display: block;">
  <div class="UIFormWithoutAction  UISelectDocumentForm">
   <form class="UIForm" id="UISelectDocumentForm" action="/portal/private/acme/siteExplorer?portal:componentId=4e6208eb-b0d7-468c-bd01-6f63a38118fc&amp;portal:type=action&amp;uicomponent=UISelectDocumentForm" onsubmit="Change" method="post">
    <div><input type="hidden" name="formOp" value=""></div>
    <div class="HorizontalLayout">
     <table class="UIFormGrid">
      <tbody>
       <tr>
        <td class="FieldLabel">Sélectionner un formulaire</td>
        <td class="FieldComponent">
         <select class="selectbox" name="selectTemplate" onchange="javascript:eXo.webui.UIForm.submitEvent('4e6208eb-b0d7-468c-bd01-6f63a38118fc#UISelectDocumentForm','Change','&amp;objectId=selectTemplate')">
          <option value="exo:article">Article</option>
          <option value="exo:cssFile">CSS File</option>
          <option value="exo:event">Event</option>
          <option value="nt:file">File</option>
          <option selected="selected" value="exo:articletest">teeest</option>
         </select>
        </td>
       </tr>
  </tbody></table>
     </div>
    </form>
   </div>
  </div>
  <div style="display: block;">
   <div class="UIForm FormLayout"> 
    <form class="UIForm" id="UIDocumentForm" action="/portal/private/acme/siteExplorer?portal:componentId=4e6208eb-b0d7-468c-bd01-6f63a38118fc&amp;portal:type=action&amp;uicomponent=UIDocumentForm" method="post">
     <div><input type="hidden" name="formOp" value=""></div>
     <div class="HorizontalLayout">   
      <table class="UIFormGrid">
       <tbody>
        <tr>
         <td class="FieldLabel">Nom</td>
         <td class="FieldComponent"><input name="name" type="text" id="name"> * </td>
        </tr>
        <tr>
         <td class="FieldLabel">Select</td>
         <td class="FieldComponent">
          <select class="selectbox" name="introducerTitle" onchange="javascript:eXo.webui.UIForm.submitEvent('4e6208eb-b0d7-468c-bd01-6f63a38118fc#UIDocumentForm','Change','&amp;objectId=introducerTitle')">
           <option value="aaa">aaa</option>
           <option value="bbb">bbb</option>
          </select>
         </td>
        </tr>
       </tbody>
      </table>    
      <div class="UIAction"> 
       <table class="ActionContainer">
        <tr>
         <td>
          <div onclick="javascript:eXo.webui.UIForm.submitForm('4e6208eb-b0d7-468c-bd01-6f63a38118fc#UIDocumentForm','Save',true)" class="ActionButton LightBlueStyle">
           <div class="ButtonLeft">
            <div class="ButtonRight">
             <div class="ButtonMiddle"><a href="javascript:void(0);">Sauver comme brouillon</a></div>
            </div>
           </div>
          </div>               
         </td>
        </tr>
       </table>
      </div>
     </div>
    </form>
   </div>
  </div>
 </div>

WEIRD AND ILLOGICAL THING: 如果我检查SelectBox(使用FireBug或任何类似工具),并在被调用函数中进行任何更改(删除一个字母并重写),则SelectBox将变为可用,并且onchange调用该事件1}}跑。

注意:Ajax调用使用Java代码创建表单,我认为这是一个渲染问题。

有人会遇到这个问题吗?

非常感谢您关注我的问题,即使您无法提供帮助:)

1 个答案:

答案 0 :(得分:0)

<强>解决

事实上,还有另一个javascript函数覆盖了这个函数submitEvent。所以它不会被调用。 这就是为什么当我用Firebug进行更改时,它会被重新考虑然后成功调用。

希望能帮助他人。