Javascript - 创建表单,然后在创建的表单中添加列表

时间:2017-08-03 21:37:41

标签: javascript html css

非常简单,只是尝试在我的HTML文档上创建一个新表单,然后在创建表单后立即将表单添加到新表单中。

这就是我所拥有的,有一些额外的代码,但它应该给出我想要实现的目标:

代码适用于我,但“var newmodelli = document.getElementById('modelstatline'+(count + 1))”行除外;“因为你似乎无法通过添加计数获得ID。所以我需要另一种方法来实现我的需要,而不是像这样添加它。

async componentDidMount(){

    // Set screen event name.
    this.props.screenProps.firebase.analytics().setCurrentScreen('Grocery Screen.'); // <-- This is updated correctly all the times

    // Log out that the menu wasn't opened to Firebase
    if(!this.categoryMenuWasOpened){
      await this.props.screenProps.firebase.analytics().setUserProperty('Category_Menu_Opened', 'No'); // This is **never** updated correctly
      console.log('Updated category menu "No".');
    }

    // Log out that the search bar isn't being used to Firebase
    if(!this.searchBarUsed){
      await this.props.screenProps.firebase.analytics().setUserProperty('Search_Bar_Used', 'No'); // <-- This is sometimes updated correctly
      console.log('Updated Search Bar "No".'); 
    }
  }

1 个答案:

答案 0 :(得分:0)

是的,我不是完全确定你想要什么,但我想是这样的。

&#13;
&#13;
let form = document.createElement('form');
form.id = 'modelstatline2';

document.querySelector('.container').appendChild(form);

for (let ix = 1; ix < 4; ix++) {
  let li = document.createElement('li');
  li.id = 'a';

  let input = document.createElement('input');
  input.type = 'text';
  input.name = 'WS' + ix;

  li.appendChild(input);
  form.appendChild(li);
}
&#13;
<link href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet" />

<div class="container"></div>
&#13;
&#13;
&#13;