删除下拉列表中每个项目之间的空格

时间:2017-03-28 17:20:34

标签: php html file foreach dropdown

我有两个文件,一个PHP文件和一个txt文件。我的第一个目标是使用txt文件中的值填充下拉列表。我设法做到了,但当我这样做时,它在每一行之间创造了一个空间。我做错了什么,我该如何纠正这个问题?

enter image description here

文件名:TestingCombobox.php

<!DOCTYPE html>
<html lang="en">
<body>
         <select class="form-control" style="width:75px;">
           <?php
                $filename = 'list_Things.txt';
                $eachlines = file($filename, FILE_IGNORE_NEW_LINES);//create an array
                foreach($eachlines as $lines){
                    echo "<option>{$lines}</option>";
                }
            ?>    
        </select>
<body>
</html>

list_Things.txt

<option value="--"> (--)&nbsp;&nbsp;&nbsp;UNKNOWN</option>
<option value="CA"> (CA)&nbsp;&nbsp;&nbsp;CALIFORNIA</option>
<option value="MX"> (MX)&nbsp;&nbsp;&nbsp;MEXICO</option>
<option value="NV"> (NV)&nbsp;&nbsp;&nbsp;NEVADA</option>
<option value="NC"> (NC)&nbsp;&nbsp;&nbsp;NORTH CAROLINA</option>
<option value="IL"> (IL)&nbsp;&nbsp;&nbsp;ILLINOIS</option>
<option value="NY"> (NY)&nbsp;&nbsp;&nbsp;NEW YORK</option>
<option value="OH"> (OH)&nbsp;&nbsp;&nbsp;OHIO</option>

1 个答案:

答案 0 :(得分:3)

您遇到的问题是您有浏览器正在阅读的双重选项。如果你去浏览器,右键单击并查看源代码,你应该看到

查看来源:

<option><option value="--"> (--)&nbsp;&nbsp;&nbsp;UNKNOWN</option></option>
<option><option value="CA"> (CA)&nbsp;&nbsp;&nbsp;CALIFORNIA</option></option>
<option><option value="MX"> (MX)&nbsp;&nbsp;&nbsp;MEXICO</option></option>
<option><option value="NV"> (NV)&nbsp;&nbsp;&nbsp;NEVADA</option></option>
<option><option value="NC"> (NC)&nbsp;&nbsp;&nbsp;NORTH CAROLINA</option></option>
<option><option value="IL"> (IL)&nbsp;&nbsp;&nbsp;ILLINOIS</option></option>
<option><option value="NY"> (NY)&nbsp;&nbsp;&nbsp;NEW YORK</option></option>
<option><option value="OH"> (OH)&nbsp;&nbsp;&nbsp;OHIO</option></option>

更改php代码。

文件名:TestingCombobox.php

<!DOCTYPE html>
<html lang="en">
<body>
     <select class="form-control" style="width:75px;">
       <?php
            $filename = 'list_Things.txt';
            $eachlines = file($filename, FILE_IGNORE_NEW_LINES);//create an array
            foreach($eachlines as $lines){
                echo $line;
            }
        ?>    
    </select>
<body>
</html>