-1

所以，基本上我有一个文本框和文件上传按钮。当用户在文本框中输入整数时我想要什么，例如：10 然后我想显示文件上传按钮 10 次。

4

3 回答 3

1

这是一个工作演示，希望对您有所帮助。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
 
function AppendRow(e) {
    var val = e.value;
    if (val !== "") {
      var html ='';
        for (var i = 0; i < val; i++) {
          html +='<input type="file" id="file">';
        }
     $("#append").empty().append(html);
    }
}
</script>
</head>
<body>
 

<input  type="text" id="input1" onkeyup="AppendRow(this)"/> 
 <div id="append">
 
 <div>
 
</body>
</html>

于 2021-10-16T06:51:50.483 回答
0

请使用以下代码

<input [(ngModel)]="count" />
<div *ngFor="let item of [].constructor(count); ">
  <input type='file'>
</div>

于 2021-10-16T11:26:03.323 回答
0 




    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
    
        $(document).ready(function(){
    $("input").keyup(function(){
    var val = $(this).val();
        if (val !== "") {
          var html;
            for (var i = 0; i < val; i++) {
              html = '<input type="file" id="file">';
              $("#append").append(html);
            }
         
        }
    });
});
    </script>
    </head>
    <body>
     

    <input  type="text" id="input" /> 
     <div id="append">
     
     </div>
     
    </body>
    </html>
于 2021-10-16T07:08:42.573 回答