在另一个按钮控件中的另一个 onchange 事件上触发按钮事件

Question

我正在尝试从另一个按钮 onchange 事件触发按钮单击事件。但是在事件触发后我得到了以下错误并且没有按钮事件不起作用，下面是我的代码，任何人都可以帮助我。

<script type="text/javascript">
  document.getElementById('btnPropertyUpload').addEventListener('click', openDialog);

  function openDialog() {
    console.log("funOnchange");
    document.getElementById('imgPropertyUpload').click();
  }

  function funOnchange() {
    $('#btnPropertySubmit').click();
  }
</script>

<div align="left">
  @using (Html.BeginForm("PropertyMaster", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" })) {
    <span style="padding:5px 0px 0px 30px;">
      @Html.Label("lblPropPhotos", "PROPERTY PHOTOS")
    </span>
    <button type="button" id="btnPropertyUpload" class="btn-link">
      <span class="glyphicon glyphicon-upload col-sm-2"></span>
    </button>
    <input type="file" id="imgPropertyUpload" style="display:none" name="postedFiles" multiple="multiple" onchange="funOnchange();" />
    <input type="submit" value="Upload" id="btnPropertySubmit" style="display:none" />
    <br /> 
    if (Model != null && Model.PropDetails.PropertyImages != null) 
    { 
      foreach (var image in Model.PropDetails.PropertyImages) {
        <img src="@Url.Content(image)" style="width:100px;height:100px; padding:5px 0px 0px 30px;" /> 
      } 
    } 
  }
</div>

Answer 1

试试这个 - imgPropertyUpload 是文件输入，所以不要单击尝试焦点，您可以使用 jquery 进行所有编码

$(document).ready(function(){
  $('#btnPropertyUpload').on('click', function(){openDialog()});
});

  function openDialog() {
    console.log("funOnchange");
    $('#imgPropertyUpload').focus();
  }

  function funOnchange() {
    $('#btnPropertySubmit').click();
  }