Question

我正在尝试将表单控件类添加到使用javascript创建的动态文本框中

查看

<div class="form-group">
@Html.Label("Mobile Number", new { @class = "control-label col-md-2  
  required" 
 })
<div class="col-md-5" id="firstdiv">
  <input type="text" name="mobilenumber" class="form-control" id="txtMobile" 
  onchange="phonenumber()" />

</div>
  <div class="col-md-2">
   <button type="button" onclick="AddTextBox();"><img 
  src="~/Content/Images/SendIT/plus2.jpg"></button>

   </div>
 </div>

JavaScript代码

function GetDynamicTextBox(value) {
        var div = $("<div />");

        var textBox = $("<input />").attr("type", "textbox").attr("name", "mobilenumber");

        textBox.val(value);
        div.append(textBox);

        var button = $("<input />").attr("type", "button").attr("value", "Remove");
        button.attr("onclick", "RemoveTextBox(this)");
        div.append(button);

        return div;
    }
    function AddTextBox() {
        var div = GetDynamicTextBox("");
        $("#firstdiv").append(div);
    }

    function RemoveTextBox(button) {
        $(button).parent().remove();
    }

我遇到的问题是，当我单击图像按钮时，会动态显示文本框，但格式与第一个文本框不同。谢谢您的帮助

Answer 1

您需要在文本框中添加类

textbox.addClass("form-control");

将窗体控件类添加到MCV中的动态创建文本框

1 个答案: