以编程方式调用onclick和onchange不能按预期工作

Call onclick and onchange programmatically don't work as expected

本文关键字：不能按 工作 onchange 编程 方式 调用 onclick      更新时间：2023-09-26

我正在编写一个脚本来自动填写表单。我想填充的部分的样本在这里:

<tbody><tr>
<td class="UMenuTimeSheetFirstCell">
   <div class="UMenuTimeSheetElement UMenuTimeSheetElementEditable" onclick="_UMenuTimeSheetEditClick(this);">
      <div class="UMenuTimeSheetElementDisplayValue" title="Nessuna descrizione">0.00</div>
      <input type="text" class="UMenuTimeSheetElementEditValue UMenuTimeSheetElementEditValueM" taskid="1769" refdate="1/7/2013" onchange="_UMenuTimeSheetEditChange(this);" oldvalue="0" value="0"><input type="text" class="UMenuTimeSheetElementEditValue UMenuTimeSheetElementEditValueH" taskid="1769" refdate="1/7/2013" onchange="_UMenuTimeSheetEditChange(this);" oldvalue="0" value="0"><input type="text" class="UMenuTimeSheetElementEditValueShow" onfocus="_UMenuTimeSheetCheckFocus(this);" onchange="_UMenuTimeSheetEditChangeShow(this);">
      <div class="UMenuTimeSheetElementEditDescCont" style="left: 55px;">
         <div class="UMenuTimeSheetElementEditMinutesMode">
            <table cellpadding="0" cellspacing="0">
               <tbody>
                  <tr>
                     <td>-</td>
                     <td class="UMenuTimeSheetElementEditMinutesModeSplitTitle">Ore</td>
                     <td class="UMenuTimeSheetElementEditMinutesModeSplit">+</td>
                     <td>-5<br>-10</td>
                     <td class="UMenuTimeSheetElementEditMinutesModeSplitTitle">Minuti</td>
                     <td>+5<br>+10</td>
                  </tr>
               </tbody>
            </table>
         </div>
         <div class="UMenuTimeSheetElementEditDesc">
            <div>Descrizione:</div>
            <textarea onchange="_UMenuTimeSheetEditChangeDesc(this);" oldvalue=""></textarea>
            <div class="UMenuTimeSheetElementEditDescClose" onclick="_UMenuCancelPropagationOnClick(arguments[0], this); $(this).parents('.UMenuTimeSheetElementEditable').removeClass('UMenuTimeSheetElementEditMode');"></div>
         </div>
      </div>
   </div>
</td>
<!-- more td tags -->
</tr></tbody>

我试着这样做来编辑它element=cell.getElementsByClassName("UMenuTimeSheetElementDisplayValue")[0]; //get the class where to place the value e 

element.innerText=timeWorkedToday;
_UMenuTimeSheetEditClick(element); //onclick
element.parentNode.onclick();

这不起作用。我还注意到，当我点击文本区域时，会发生一些变化。当我按enter键时，页面中的静态标签中会进行一些计算，元素中所做的更改会被还原。

如果用户输入它，正确的代码是什么来给出相同的结果?

更新:jquery可以解决这个问题

如果我理解正确，您想将值timeWorkedToday放入UMenuTimeSheetElementDisplayValue类的div中。

使用jQuery使用以下示例代码: 
$(".UMenuTimeSheetElementDisplayValue").html(timeWorkedToday);
$(".UMenuTimeSheetElementDisplayValue").click();

我假设你可以使用jQuery标记的问题与jQuery

你应该调用click而不是onclick

element.parentNode.click();
相关文章：