更新textarea不会以表格形式提交

时间:2017-04-29 06:02:45

标签: javascript jquery google-chrome-extension

我正在谷歌日历中开发chrome扩展程序。 会议的描述通过jquery更新,如下所示,

 <div class="ui-sch">
    <textarea id=":24" name=":24" class="textinput" style="overflow: hidden; resize: vertical;" rows="3" aria-labelledby=":13.descript-label">
    </textarea>
    </div>

 var el= document.getElementsByClassName("textinput");
for(i=0; i < el.length; i++) 
{ 
    if(el[i].type == "textarea")
    {   
        el[i].value="sample description";
    }
}

内容按预期更新到textarea。但是当我们提交表格时,不会提交说明。如果我们在更新内容后手动按Enter键,则会提交来自javascript的更新值。

我怀疑,描述框中的数据更改绑定到另一个变量。如何更新desc中的数据更改到表单提交?

更新 模拟步骤

  1. 打开calender.google.com
  2. 点击创建会议粘贴上面的
  3. 您控制台中的javascript。 (观察描述字段的值)
  4. 现在点击“保存” (如果您打开会议,则不会保存会议说明)

  5. 现在创建会议并按照上述步骤1-3进行操作。

  6. 点击描述框,然后点击输入或任何其他字符。
  7. 保存会议。 (说明保存到会议中)

2 个答案:

答案 0 :(得分:2)

在您的示例页面中,似乎Google API仅在侦听 Gender Age Count 1 female 35 1 2 male 34 2 3 male 35 1 4 male 37 2 5 female 34 2 事件时识别更改。您可以通过

进行模拟
change

答案 1 :(得分:0)

未经核实,只是一个建议:

if(el[i].type == "textarea")
    {   
        el[i].value="sample description";
        el[i].onchange();
    }