Question

这是我用过的脚本

<script>
    var counter = 1;
    var limit = 3;
    function addInput(divName) {
        if (counter == limit) {
            alert("You have reached the limit of adding " + counter + " inputs");
        }
        else {
            var newdiv = document.createElement('div');
            newdiv.innerHTML = "Experiment Date" + (counter + 1) + " <br><input type='text' name='myInputs[]'>";
            document.getElementById(divName).appendChild(newdiv);
            counter++;
        }
    }
</script>

这是HTML代码

<body>
<form name="form1" runat="server">
     <div id="dynamicInput">
          Experiment Date 1 <br/> <input id="demo2" type="text" readonly="true" name="myInputs[]" runat="server"/>
     </div>
      <asp:Button ID="Button8" runat="server"  Text="Add more Experiments" onclientclick="addInput('dynamicInput')"/>

</form>

我也使用日期选择器作为日历条目，我的问题是，当我运行页面时，页面显示一个条目，但点击后添加更多实验，分区生成但不知何故，它消失在一秒钟我觉得它是一些页面加载的问题所以这是什么解决方案，因为我的原始表单有多个条目所以我可以在那里使用它是否有任何好的解决方案，而不是使用此方法。谢谢阅读。

Answer 1

＆＃13;

<input type="text" class="form-control" id="datepicker1" value="гггг-MM-дд" name="datepicker1"/>
                    <script type="text/javascript">
                        $('#datepicker1.form-control').datepicker(
                            {
                                dateFormat: "yy-mm-dd"});
                    </script>

＆＃13;

这是使用bootstrap，内部代码可以使用

string datepicker = Request.Form [＆＃34; datepicker1＆＃34;];

对不起，如果我不帮你。

Answer 2

您的代码正常运行我只更改了：

＆＃13;

<input ID="Button1" type="button"  value="Dodaj" onclick="addInput('dynamicInput')"/>

＆＃13;

＆＃13; 也许在js中为你添加新的输入集ID，以便轻松获取数据。

我希望我帮助过。

想在asp C＃中动态添加日历条目

2 个答案: