在闪电中动态创建输入

Question

我正在创建一个带有文本框和下拉菜单的闪电组件，这是我的代码。

<lightning:card footer="" title="">
<div class="slds-col slds-size_1-of-2">
            <lightning:input name="input1" value="User 1"/>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <div class="slds-form-element">
                <label class="slds-form-element__label" for="select-01"></label>
                <div class="slds-form-element__control">
                    <div class="slds-select_container">
                        <select class="slds-select" id="select-01">
                            <option value="">Please select</option>
                            <option>Spouse</option>
                            <option selected="true">Dependent</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <lightning:input name="input1" value="Jack Adams"/>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <div class="slds-form-element">
                <label class="slds-form-element__label" for="select-01"></label>
                <div class="slds-form-element__control">
                    <div class="slds-select_container">
                        <select class="slds-select" id="select-01">
                            <option value="">Please select</option>
                            <option>Spouse</option>
                            <option selected="true">Dependent</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
       <lightning:button label="Create a new row" title="Neutral action" onclick="{!c.AddNewRow}"/>
</lightning:card>

基本上，当我单击按钮时，我要创建

<div class="slds-col slds-size_1-of-2">
            <lightning:input name="input1" value="Jack Adams"/>
        </div>
        <div class="slds-col slds-size_1-of-2">
            <div class="slds-form-element">
                <label class="slds-form-element__label" for="select-01"></label>
                <div class="slds-form-element__control">
                    <div class="slds-select_container">
                        <select class="slds-select" id="select-01">
                            <option value="">Please select</option>
                            <option>Spouse</option>
                            <option selected="true">Dependent</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

并将其添加到</lightning:card>之前。

我尝试浏览其他文章，但是找不到找到创建纯文本框和onclick下拉菜单的方法。

其他解决方案使我指向Apex类。但是在这里，我不需要获取/保存数据，只需创建文本框即可。

请让我知道我该怎么做。

谢谢