Question

我正在为一个小型书签网站开发chrome扩展程序。 extention-popup用浏览器当前url，title，selected text填充表单。问题是，我使用javascripts xmlhttp调用webserver已经在表单中加载了一个带有select-option的div。

当我发送表单时，select-option中的选定选项不会与表单的其余部分一起发送。

表格：

<form action="removed" method="post" enctype="multipart/form-data" name="popup_form">
        <span class="input_header">Titel</span>
        <input class="calendar_add_form_Date" type="text" name="title">

        <span class="input_header">URL</span>
        <input class="calendar_add_form_Date" type="text" name="url">

                <span class="input_header">NOTE</span>
      <textarea id="note" name="note" style="height: 60px;"></textarea>

      <span class="input_header">Tags</span>
      <input class="calendar_add_form_Date" type="text" id="tags" name="tags">
      <div id="url"></div>


</div>
</div>

<div id="popup_footer"><input class="btn btn_blue" style="" value="&nbsp;Add&nbsp;" type="submit"/>

<div id="sets">
</div>

稍后阅读

javascript调用：

function loadSets()
{
var xmlhttp;
  xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange=function()
  {
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("sets").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST","link[1]",true);
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send();
}

链接[1]输出以下内容：

<select name="sets">
<option value="1">One</option>
<option value="2">Two</option>
</select>

Answer 1

我在HTML中看到的</div>比<div>更多。我怀疑你生成的HTML是无效的，并且<form>元素被隐式关闭的时间比你希望的要早 - 因此，你注入的元素不在形式中。 / p>

在Chrome的“Inspect Element”中查看生成的DOM树可能很有启发性。

select with xmlhttp不会通过表单发送

1 个答案: