Текстовое поле в новой строке, если достигнуть некоторого количества - PullRequest
Новая
       71

Текстовое поле в новой строке, если достигнуть некоторого количества

0 голосов
/ 23 сентября 2019

У меня есть div, в зависимости от выпадающего текстового поля добавим в div.Но при достижении некоторого количества текстовое поле будет следующей строкой.В настоящее время текстовое поле добавляется один за другим.пожалуйста, найдите мой код ниже. 

    $("#HowmanyClone_Id").change(function () {

            var html = '';
            var cloneCount = $(this).find(":selected").text();
            for (var i = 1; i <= cloneCount; i++) {
                    html += '<div class="row" style="margin-top: 10px;">' + i + '. Serial Number: <input type="text" name="Sr_NoValues" class="form-control "> </div>';
                }                    
                html += '<br/>' + '<div class="row" style="margin-top: 10px;"> Comments: <input type="text" name="Sr_NoValues" class="form-control "> </div>';
                $("#AddingtoDiv").empty().append(html);
        });

ниже моего HTML-кода 

    <div id="Div_Quick_Clone" style="display: none;">
        <div class="editor-label">
            No of Clones :</div>
        <div class="editor-field">
            <%=Html.DropDownList("HowmanyClone_Id", new List<SelectListItem>
                        {
                            new SelectListItem{ Text="Select To Clone", Value = "Select" }, 
                        new SelectListItem{ Text="1", Value = "1" }, 
                        new SelectListItem{ Text="2", Value = "2" }, 
                        new SelectListItem{ Text="3", Value = "3" },
                        new SelectListItem{ Text="4", Value = "4" },
                        new SelectListItem{ Text="5", Value = "5" },
                        new SelectListItem{ Text="6", Value = "6" },
                        new SelectListItem{ Text="7", Value = "7" },
                        new SelectListItem{ Text="8", Value = "8" },
                        new SelectListItem{ Text="9", Value = "9" },
                        new SelectListItem{ Text="10", Value = "10" },                                                        
                        new SelectListItem{ Text="11", Value = "11" },
                        new SelectListItem{ Text="12", Value = "12" },
                        new SelectListItem{ Text="13", Value = "13" },
                        new SelectListItem{ Text="14", Value = "14" },
                        new SelectListItem{ Text="15", Value = "15" },
                        new SelectListItem{ Text="16", Value = "16" },
                        new SelectListItem{ Text="17", Value = "17" },
                        new SelectListItem{ Text="18", Value = "18" },
                        new SelectListItem{ Text="19", Value = "19" },
                        new SelectListItem{ Text="20", Value = "20" },                                                        
                        }, new { id = "HowmanyClone_Id" })%>
        </div>
        <div id="AddingtoDiv"></div>
    </div>

Пожалуйста, проверьте мой код HMTL выше

...