Question

我正在创建一个表单页面，我向客户填写了一些输入信息。

但是，每次我必须写例如＆gt;

<input type="number" class="form-control" name="quantidade" required max="900" />

例如，但是我看到一个朋友正在使用javascript函数来调用这些输入，所以当他想要插入这样的输入时，他只需要调用你的index.page。

有人可以帮忙吗？

我试过这个。

<script type="text/javascript">
  function add() {
    document.getElementById("inputnumber").innerHTML = '<input type="number" class="form-control" name="quantidade" required max="900" />';
  }
</script>

使用此index.page

<div class="row">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-6">
                <form role="form">
                    <div class="form-group" id="inputnumber">
                    </div>
                    <div class="form-group">
                    </div>
                    <button type="submit" class="btn btn-default">
                        Submit
                    </button>
                </form>
            </div>
            <div class="col-md-6">
            </div>
        </div>
    </div>
</div>

Answer 1

是的，这会有效但你应该在声明你正在使用的html元素后放置你的函数调用。例如

<script type="text/javascript">
 function add()
 {
document.getElementById("inputnumber").innerHTML = '<input type="number"      class="form-control" name="quantidade" required max="900" />';
}
</script>
<div id="inputnumber"></div>
<script>
    add()
</script>

您可能会注意到函数调用位于＆＃34; inputnumber＆＃34;之后。 dev的

<div id="inputnumber"></div>

Answer 2

这里有一个简单的例子：

<script type="text/javascript">
    function add(){
        document.getElementById("inputnumber").innerHTML = '<input type="number" class="form-control" name="quantidade" required max="900"/>';
    }
</script>
<form role="form">
    <div class="form-group" id="inputnumber">
    </div>
    <button onclick="add();">Add +</button>
    <button type="submit" class="btn btn-default">
        Submit
    </button>
</form>

注意：如果您只想添加一个输入元素。运行此代码即可获得它。

对于表单上的多元素，请查看

Dynamically add form element using Javascript-Simple one
Append Element
Good and Simple: Add Input Fields Dynamically to Form Using JavaScript

Answer 3

如此简单，你需要这个功能，看看：

function callInput(a,b,c) {
    var x = document.createElement('input');
    x.className = 'form-control';
    x.type = b;
    x.name = c;
    a.appendChild(x);
}

如何使用，看：

callInput(parentElemen,'type','name');

示例：

callInput(document.getElementsByTagName('form')[0],'submit','quantidade');

祝你好运。

调用输入类型文本的函数 - Javascript / PHP

3 个答案: