javascript - 选择文件后更改文本框值

Question

我有一个带有文件选择器的表单以及一个用于输入文件链接的替代输入框。上传时，如果 url 框有值，它会优先于文件选择器并上传文件选择器。我的问题是如何在选择文件时清除 url 框？这是表格的样子..

<div id="video-attachment-section" class="attachment-section">
                   <div>
                       <label>URL: </label><form:input path="url" id="video-url" style="width:95%;margin-left:2%;"/>
                   </div>
                   <div>
                       OR
                   </div>
                   <div id="video-attachment-field">
                       <label>Local File: </label>
                       <input      type="file" 
                                   name="attachment"
                                   accept="${lookups.attachmentMimeTypesList}" 
                                   onchange="c.handleFileSelected(this.files)" 
                                   class="attachment-input"
                                   id="video-file" style="display:none;"/>
                       <label class="button button-low-priority" id="btn-select-file" for="video-file" style="margin-left:.5%;">Select File</label>
                       <span id="video-file-error" class="attachment-error"></span>
                       <span id="video-file-name" class="attachment-name">${videoUploadForm.uploadedFileName}</span>
                       <span id="video-file-size" class="attachment-size"></span>
                       <div class="upload-progress"></div>
                       <form:hidden path="uploadedFileName"/>
                   </div>
               </div>

如您所见，我使用的是与输入元素上的按钮不同的按钮来打开文件对话框(出于样式目的，其他按钮很丑..)

这是我尝试过的方法，但没有成功:

init:function(){
       $("#video-file").change = function(e){
           $("#video-url").val("");
       };
    }

Answer 1

change 是一种方法，而不是属性。试试这个:

init:function(){
   $("#video-file").change(function(e){
       $("#video-url").val("");
   });
}