在选择更改时使用JQuery选择文件后清除文件输入字段

Pat*_*tec 1 html forms jquery

使用名为filestyle的Jquery插件:http://www.appelsiini.net/projects/filestyle.我有一个id为adtype的选择框.如果所选选项的值为7,则会禁用ID为"adfile"的文件输入.

当用户已经选择了文件时,问题就变成了.我找不到清除文件输入然后禁用它的方法.$( '#adfile')VAL( '').不起作用.

JQUERY

$(function(){
  $('#adtype').change(function(){
    if($('#adtype option:selected').val()==="7"){
      $('#adfile').val('');
      $("#adfile").prop('disabled', true);
    }else{
      $("#adfile").prop('disabled', false);
    }
  });
});
Run Code Online (Sandbox Code Playgroud)

HTML

<form id="someform" action="somepage" method="post">
  <select name="selectstuff" id="adtype">
    <option value="1">one</option>
    <option value="5">five</option>
    <option value="7">seven</option>
  </select>

  <input type="file" id="adfile" value="" />

  <input type="submit" value="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)

Dhi*_*raj 6

我用过 $('#adfile').val('');$('#adfile').attr('disabled', 'disabled');

DEMO

注意:filestyle插件id,name从文件输入元素中删除属性并添加file为类.我正在参考表单访问此元素.

希望这可以帮助