javascript - 将 javascript 属性传递给 javascript 函数

Question

我正在努力弄清楚如何通过 <div id>到另一个 JavaScript。例如，在页面的开头，我有以下脚本，它创建一个 div id 标记，允许我动态选择和更改页面的内容。

  $(document).ready(function() {

      $("select").change(function() {
          var subFolder = $(this).val();
          $('#folderName').text(subFolder);
          $('#stats').attr('src', '/hardware/' + subFolder + '/stats/usage.txt');
          $('#hostInfo').attr('src', '/hardware/' + subFolder + '/stats/host.txt');
          $('#folderContent').show();
      });

      $.ajax({
          url: 'getFolders.php',
       type: 'GET',
       dataType: 'json',
       success: function(json) {
            var $selectBox = $('#folderList');
            $.each(json, function(i, value) { 
              $selectBox.append($('<option>').text(value).attr('value', value));
            });
            $selectBox.change();
          }
      });

  });

这允许我执行以下操作 - 这将创建一个可以选择特定文件夹的选择器。

<div class="hidden-print">
<select id='folderList'></select>
</div>

当选择上面的文件夹列表时，它允许我更改如下内容:

就像上面另一个java脚本一样。

$(document).ready(function() {
$('#example3').DataTable( {

    "processing": true,
    "ajax": {
        "url" : "../../reports/drives.txt",
        "dataSrc" : ""
    },  
    "columns": [
        { "data": "Hostname.Name" },
        { "data": "Name"}
    ]
} );
} );

当我从选择器中选择上面的文件夹时，我希望 AJAX 下的 URL 下的文件夹也随之修改以更新它。

更新

进一步研究后，我认为我的解释不太合适。

  $(document).ready(function() {
      $("select").change(function() {
          var subFolder = $(this).val();
     $('#folderName').text(subFolder);
          $('#folderLogo').attr('src', '/server/' + subFolder + '/Logo/hardware.png');
          $('#folderContent').show();
      });

      $.ajax({
          url: 'getFolders.php',
       type: 'GET',
       dataType: 'json',
       success: function(json) {
            var $selectBox = $('#folderList');
            $.each(json, function(i, value) { 
              $selectBox.append($('<option>').text(value).attr('value', value));
            });
            $selectBox.change();
          }
      });

  });
var thisId = $('folderList').attr('id');

我想采用这个应该是单个文件夹的变量，并将其用在如下所示的脚本上。

var subFolder = $(this).val();
     $('#folderName').text(subFolder);
          $('#folderLogo').attr('src', '/server/' + subFolder + '/Logo/hardware.png');

我想获取“子文件夹”并使用它，如下所示:

$(document).ready(function() {
$('#example3').DataTable( {

    "processing": true,
    "ajax": {
        "url" : "/server/" +  subfolder + "/Stats/Map.txt",
        "dataSrc" : ""
    },  
    "columns": [
        { "data": "Hostname.Name" },
        { "data": "Name"}
    ]
} );
} );

我尝试使用下面的方法来进行 div id 转换，但当我尝试这种方法时它没有任何数据。我应该声明我想使用上面脚本中子文件夹中的变量...我尝试了一个 window.variable 名称，我尝试了全局变量，但似乎仍然没有正常工作。我的猜测是，处理变量的方式没有延续下去。

Answer 1

您可以使用 $('#folderList').attr('id') 访问 ID .

将其分配给一个变量并将其传递到您的函数中。如果您使用 $(document).ready() 加载单独的脚本，则除非它是全局变量，否则它可能不可用。

像这样的事情可能对你有用。

var thisId = $('#folderList').attr('id');
$(document).ready(function() {
    $('#'+thisId).append('whatever');
} );