2017-09-04 66 views
1

我试图用文本文件中的值填充下拉列表。我有下面的代码,但是,我没有得到任何东西在下拉列表中。谁能帮我?使用文本文件中的值填充下拉列表

这里是我的jQuery和HTML下拉列表代码:

<script> 
$filename = 'pytxt.txt'; 
$eachlines = file($filename, FILE_IGNORE_NEW_LINES); 
echo '<select name="value" id="value">'; 
foreach($eachlines as $lines){ 
echo "<option>($lines)</option>"; 
} 
echo '</select>'; 

</script> 
</head> 
<body> 
    <div id="page-wrap"> 
     <h1>Pulls from text files</h1> 
     <select id="value"> 
      <option selected value="base">Please Select</option> 
      <option value="1"></option> 
      <option value="2"></option> 
     </select> 

    </div> 
</body> 
+2

txt文件的内容是什么? Btw混合HTML和PHP没有PHP标记!看起来像你不执行你的PHP代码。 – Dwza

+0

为什么php代码在'

0

因为它似乎像你想要一个jQuery/HTML的答案...

  1. 使用Ajax来阅读文本文件
  2. Split数据到一个数组(也进行同样的动作,以PHP函数爆炸一个JS功能)
  3. 你的选择追加每个用户的选择列表。
<head> 
    <script> 
    $.get('pytxt.txt'), 
     function(data) { 
     console.log(data); /* Open the console too see the data */ 
     var options = data.split(','), 
      /* Something to "explode" by. See link. */ 
      $select = $('select#value'); 
     for (var i = 0; i < options.length; i++) { 
      $select.append('<option value="' + i + '">' + options[i] + '</option>"'); 
     } 
     }, "text"); 
    </script> 
</head> 

<body> 
    <div id="page-wrap"> 
    <h1>Pulls from text files</h1> 
    <select id="value"> 
       <option selected value="base">Please Select</option> 
      </select> 

    </div> 
</body> 
0

要赶上你的代码,你可以做一些像

<?php 
    $filename = 'pytxt.txt'; 
    $eachlines = file($filename, FILE_IGNORE_NEW_LINES); 
    $select = '<select name="value" id="value">'; 
    foreach($eachlines as $lines) 
    { 
     $options .= "<option>{$lines}</option>"; 
    } 
    $select .= $options . "</select>"; 
?> 

而且比你可以把它添加到您的HTML。这一切应该在同一个php文件中。 (不推荐的方法!)

<body> 
<div id="page-wrap"> 
    <h1>Pulls from text files</h1> 
    <?php echo $select; ?> 

</div> 
</body> 

即使这是讨厌的来源!我建议从html分开PHP。但赶上你的来源,这可能看起来像这样。

相关问题