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

时间:2013-05-07 14:59:49

标签: javascript jquery html

我正在编写一个脚本来自动填写表单。我要填写的部分示例如下:

<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();

这不起作用。我还注意到,当我点击textarea时会发生一些变化。当我按下回车键时,会在页面中的静态标签中完成一些计算,并且还会恢复元素中所做的更改。

如果用户正在输入相同的结果,那么正确的代码是什么?

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

2 个答案:

答案 0 :(得分:1)

你应该打电话点击而不是点击

element.parentNode.click();

答案 1 :(得分:1)

如果我理解正确,您希望将值timeWorkedToday放入divUMenuTimeSheetElementDisplayValue

使用jQuery使用此示例代码:

$(".UMenuTimeSheetElementDisplayValue").html(timeWorkedToday);
$(".UMenuTimeSheetElementDisplayValue").click();

我假设您在使用jQuery标记问题时可以使用jQuery