2017-09-04 106 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。但趕上你的來源,這可能看起來像這樣。