Fatal编程技术网
  • javascript/
  • Javascript Can'；在将元素附加到HTML时看不到子元素

Javascript Can'；在将元素附加到HTML时看不到子元素

javascript html

Javascript Can'；在将元素附加到HTML时看不到子元素,javascript,html,Javascript,Html,我试图在我的HTML文档中添加一个子元素，我可以在源代码中看到它，尽管它不会在屏幕上弹出，这让我觉得很奇怪 这是我的HTML： <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <

我试图在我的HTML文档中添加一个子元素，我可以在源代码中看到它，尽管它不会在屏幕上弹出，这让我觉得很奇怪

这是我的HTML：

<!DOCTYPE html>
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form action="" enctype="multipart/form-data" method="post" id="myForm">
      <select name="type" id="selectedoption">
          <option value="">Välj typ här</option>
          <option value="photo">Foto</option>
          <option value="video">Video</option>
          <option value="audio">Ljud</option>  
      </select>
      <input type="text" name="title"> Titel
      <input type="submit" value="Spara media" class="btn">
    </form>
  </body>
</html>
<script src="test.js"> </script>
下面是一个片段：

var iDiv=document.createElement（'input'）；
iDiv.type='file'；
iDiv.name='media'；
iDiv.accept='image/*'；
document.getElementById（“selectedoption”）.appendChild（iDiv）


Välj典型här
福托
视频
Ljud
滴度

您不能将
输入
附加到
选择
。select元素应仅包含
选项
或
选项组
标记




Välj典型här
福托
视频
Ljud
滴度
var iDiv=document.createElement（'option'）；
iDiv.value='file'；
iDiv.textContent=“文件”；
document.getElementById（“selectedoption”）.appendChild（iDiv）；

此代码何时执行？您不能将
输入添加到
元素。太好了，这很有帮助：）Thanks@tryingsohard没问题。

var iDiv = document.createElement('input');
iDiv.type = 'file';
iDiv.name = 'media';
iDiv.accept = 'image/*';
document.getElementById("selectedoption").appendChild(iDiv);