2017-03-07 23 views
0

いくつかの入力があるフォームがあります。 +ボタンをクリックすると、JavaScriptが入力フィールドを作成します。これは私のフォームコードです:特定のフィールドを削除するjavascript

<div class="row"> 
     <div class="col-md-3"> 
      <div id="container"> 
      <div id="new" class=""> 
       <input type="number" name="number" id="number"> 
       <select class="form-control" id="sel1"> 
        <option>1</option> 
        <option>2</option> 
        <option>3</option> 
        <option>4</option> 
       </select> 
       </div> 
      </div> 
     </div> 
    </div> 
    <button onClick="addNumber(); New();" class="btn btn-warning btn-md" type="button">+</button> 

+ボタンは、新しいオプションと番号フィールドを作成します。これは、新しいフィールドを作成するためのJavaScriptコードです:

function New() 
    { 
    var node = document.createElement("div"); 
    node.setAttribute("id", "new"); 
    node.setAttribute("class", addNumber()); 
    node.innerHTML = $("#new").html(); 
    document.getElementById("container").appendChild(node); 
    $('#container').append(node); 
} 

これはうまくいく、しかし、私は特定のフィールドを削除します。新しいフィールドが作成されたときに、削除ボタンがクリックされたときにもフィールドが削除されます。これどうやってするの?新しいフィールドは、彼がクラスを取得作成すると

+0

をdleteするDIVあなたがこれまでに試みているものを追加して、なぜそれが – Janar

+0

を動作しませんしてください番号で。私が試したhet javascriptでは:function deleteItem() \t { \t \t var id; \t \t id = document.getElementById( 'new')。className; \t \t alert(id); \t}しかし、警告のクラスIDを取得しません。 –

+0

入力を折り返してdivに選択し、そのdivに動的IDを追加します。 –

答えて

1

今、すべてのdivを削除アイコンを追加し、そのクリックパスIDに機能

+0

function delete(divId){ div = document.getElementByid(divId); //ここでdivを削除するログイン } –

+0

私の削除機能では、次のコードがあります:n.parentNode.parentNode.removeChild(n.parentNode);彼は特定のIDを削除します! –

関連する問題