变更处理程序无效

时间:2017-08-18 12:56:50

标签: javascript jquery html

我对JQuery完全不熟悉,并且无法获得一个包含JQuery的简单HTML页面(我从另一个Stack Overflow线程中收集到了,很遗憾,对于像我这样的JQuery新手来说,显然已经足够了!)好好工作。 当我选择文件名时,我希望" mytext"文本输入字段包含我上传的文件的名称,但这不会发生。



KFunction<*>
&#13;
$(document).ready(function() {
  $('#myfile').bind('change', function() {
    var fileName = '';
    fileName = $(this).val();
    $('#mytext').html(fileName);
  });
});
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:3)

  1. 你错过了jQuery标签上的/脚本
  2. 您使用.html()而不是.val()作为字段
  3. 您应该使用.on代替.bind
  4. $('#myfile').on('change', function() {
            fileName = $(this).val().split('\\').pop();
            $('#mytext').val(fileName);
       });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="text" id="mytext" name="mytext">
    <input type="file" id="myfile" name="myfile">