如何在html / javascript中点击按钮时创建动态控件？ [英] how to create dynamic control when button click in html/javascript?

问题描述

嗨朋友们，



请有人帮我解决这个问题，



i想创造html / javascript中的动态控件。



i有div，在div中我使用radio，textarea，select，link。所以，当我点击按钮时，我需要动态显示div。



i搜索准备好许多网站，根据我需要使用追加命令，但不清楚。



请有人帮帮我:)



谢谢

renga。

解决方案

您可以尝试以下代码，

 <   input    类型  = 按钮    value   = 添加    onclick   =  add（）    /  >  
 <   div     id   =   divEl >  <   / div  >  

< br $>


<前lang =Javascript> 功能 add（）{

// 动态创建输入类型。
var element = document .createElement（ 输入）;

// 为元素指定不同的属性。
元素.setAttribute（ type， button）;
element.setAttribute（ value， text）;
element.setAttribute（ name， radio）;


var divEl = document .getElementById（ divEl）;

// 在页面中追加元素（跨度）。
divEl.appendChild（element）;

}

希望这个会帮助你......

Hi friends,

pls anyone help me to solve this problem,

i want to create dynamic controls in html/javascript.

i have div, inside that div i use radio, textarea, select, link. so when i click button i need to show div dynamically.

i search ready many sites,according that i need to use append command, but not clear way.

pls anyone help me :)

thanks
renga.

解决方案

Hi try the below code,

<input type="button" value="Add" onclick="add()" />
<div id="divEl"></div>

function add() {
 
    //Create an input type dynamically.
    var element = document.createElement("input");
 
    //Assign different attributes to the element.
    element.setAttribute("type", "button");
    element.setAttribute("value", "text");
    element.setAttribute("name", "radio");
 
 
    var divEl= document.getElementById("divEl");
 
    //Append the element in page (in span).
    divEl.appendChild(element);
 
}

Hopes this will help for you......

这篇关于如何在html / javascript中点击按钮时创建动态控件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！