HTML'de seçim kutusu ve metin alanı dinamik olarak oluşturma

Aşağıdaki kodda, Kullanıcı Ekle düğmesi her basıldığında bir seçim kutusu ve metin alanı oluşturmaya çalışıyorum. Karşılaştığım sorun, farklı adla yeni bir metin alanı oluşturabilmem. Kodda gördüğünüz gibi, metin kutusunun adı text1'dur. Örneğin, text2 adıyla yeni bir metin kutusu nasıl oluşturabilirim.HTML'de seçim kutusu ve metin alanı dinamik olarak oluşturma

<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <h1><center>Querying Social Media</center></h1> 
    <form> 
     <center> 
      <select> 
       <option value="Author">Author</option> 
       <option value="Mention">Mention</option> 
       <option value="Tag">Tag</option> 
      </select> 
      <input type="text" name="text1"> 
      <select> 
       <option value="And">And</option> 
       <option value="Or">Or</option> 
      </select> 
      <input type="button" value="Add" onclick="add(document.forms[0].element.value)"/> 
      <script language="javascript"> 
       function add(type) { 
        //Create an input type dynamically. 
        var element = document.createElement("input"); 

        //Assign different attributes to the element. 
        element.setAttribute("type", type); 
        element.setAttribute("value", type); 
        element.setAttribute("name", type); 

        var foo = document.getElementById("fooBar"); 

        //Append the element in page (in span). 
        foo.appendChild(element); 
       } 
      </SCRIPT> 
     </center> 
    </form> 
    <span id="fooBar">&nbsp;</span> 
</body> 
</html>

kaynak

2016-03-19 Nasser

sen Text3, metni4, metin 5 ve şöyle yalnızca bir metin yani girişi, metin2 veya birden gerekiyor üzerinde ... – yusufshakeel

sen türüne bağlı olarak küresel canlı üzerinde artışı yapıp sonra (textbox_1, textbox_2, ...) gibi metin adını ayarlamak denir Eğer her üç tür için üç global değişkenleri yapabilir ve her zaman işlevi ekleyin. ne düşündüğünü>

kaynak

2016-03-19 21:20:26 Asad

Böyle yapmak zorunda:

function add(type, value, name) { 
 

 
    //Create an input type dynamically. 
 
    var element = document.createElement("input"); 
 

 
    //Assign different attributes to the element. 
 
    element.setAttribute("type", type); 
 
    element.setAttribute("value", value); 
 
    element.setAttribute("name", name); 
 

 
    var foo = document.getElementById("fooBar"); 
 

 
    //Append the element in page (in span). 
 
    foo.appendChild(element); 
 
} 
 

 
add("input","someValue", "text2");

<span id="fooBar"></span>

kaynak

2016-03-19 22:36:30 John

HTML'de seçim kutusu ve metin alanı dinamik olarak oluşturma

cevap

İlgili konular