Question

我正在尝试创建一个文件浏览器应用程序。点击文件夹应该插入到提供的文本框中。

假设我点击app文件夹，我希望将/ app文件夹插入到提供的文本框中。我已按照此URL生成此文件浏览器应用程序。

我的template.html：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>File Browser</title>
    <link rel="stylesheet" href="/lib/bootstrap.min.css">
    <link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/lib/app.css">
  </head>
  <body>
   <div id="panelDiv">

           <div class="panel-heading">
                   <button type="button" id="butDiv" >Browse</button>
                    <input type="text" name="location"/>
                   <span class="up">
                    <i class="fa fa-level-up"></i> Up
                   </span> 
           </div>
      <div id="showDiv" class="panel-body">
              <table class="linksholder">
              </table>
      </div>

  </div> 
    <script src="/lib/jquery.min.js"></script>
    <script src="/lib/bootstrap.min.js"></script>
    <script src="/lib/datatable/js/jquery.datatables.min.js"></script>
    <script src="/lib/app.js"></script>
<script>
$(document).ready(function(){
 $("#butDiv").click(function(){
        $("#showDiv").toggle();

 });
});  
</script>
</body>
</html>

任何人都可以就此问题向我提出建议......

Answer 1

由于你已经使用了jquery，我会说最容易设置jquery事件点击文件夹以选择文本输入元素并使用.val ()函数设置你的新值，所以它看起来像这个

$(".folder selector").click (function (){
    $(".textbox selector").val ("/"+this.text());
});

我不确定值函数是否适用于输入元素，但如果不是，则可以将其更改为<textarea></textarea>

点击文件夹应该使用node.js和jQuery插入到文本框中

1 个答案: