Drop down data all on the same line

msebar · September 5, 2014

When I look at my page in source view the <br> are in the drop down but not working. Here is my php code along with the view source.

This is the main page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Water Analysis Data(WAD)</title>
<style type="text/css"></style>
</head>

<body>

<p align="center"><a href="../test/index.html">Home</a> | <a href="../test/register.php">Register</a> | <a href="../test/login.php">Login</a> | <a href="../test/tank.php">Add Tank</a> | <a href="../test/fish.php">Add Fish</a> | <a href="../test/water_test.php">Add Water Test</a></p>
<p align="center"> </p>

<table width="810" border="2" align="center">
  <tr>
    <td><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td align="center" bgcolor="#FFFFFF" scope="col"><h2><b>Water Analysis Data(WAD)</b></h2></td>
        </tr>
        <tr>
          <td bgcolor="#FFFFFF">
          <form id="form1"  method="POST" action="/include/waterparameters/water-parameters.inc.php">
              <table border="2" align="center" cellpadding="0">
                <tr>
                  <td><div align="left"><b>Tank Name: </b> </div></td>
                  <td><div align="left">
                      <select id="tankname" type='text' name="tankname">
                        <option>
<?php    
include_once '/include/dropdowns/water-parameters-dd.inc.php';
?>
                        </option>
                      </select>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Test Date: </b> </div></td>
                  <td><div align="left">
                      <input id="date" type="text" name="date" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Temperature: </b> </div></td>
                  <td><div align="left">
                      <input id="temperature" type="text" name="temperature" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>pH: </b> </div></td>
                  <td><div align="left">
                      <input id="ph" type="text" name="ph" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Ammonia: </b> </div></td>
                  <td><div align="left">
                      <input id="ammonia" type="text" name="ammonia" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Nitrite: </b> </div></td>
                  <td><div align="left">
                      <input id="nitrite" type="text" name="nitrite" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Nitrate: </b> </div></td>
                  <td><div align="left">
                      <input id="nitrate" type="text" name="nitrate" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>phosphate: </b> </div></td>
                  <td><div align="left">
                      <input id="phosphate" type="text" name="phosphate" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>GH: </b> </div></td>
                  <td><div align="left">
                      <input id="gh" type="text" name="gh" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>KH: </b> </div></td>
                  <td><div align="left">
                      <input id="kh" type="text" name="kh" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Iron: </b> </div></td>
                  <td><div align="left">
                      <input id="iron" type="text" name="iron" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Potassium: </b> </div></td>
                  <td><div align="left">
                      <input id="potassium" type="text" name="potassium" size=25>
                    </div></td>
                </tr>
                <tr>
                  <td><div align="left"><b>Notes: </b> </div></td>
                  <td><div align="left">
                      <p>
                        <textarea id="notes" name="notes" cols="50" rows="10"></textarea>
                      </p>
                    </div></td>
                </tr>
                <tr>
                  <th colspan=2><p>
                      <input type="submit" value="Submit"id="submit1" class="submit"  name="submit" />
                    </p></th>
                </tr>
              </table>
            </form></td>
        </tr>
        <tr>
          <td align="center" valign="top" bgcolor="#FFFFFF"><div align="center"><font size=2> © 2014 <a href="http://www.pctechtime.com">PC TECH TIME</a> </font> </div></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

This is the include for the page (the echo line for <br> shows in the source but doesn't produce the break

<?php
include_once "/include/db/db.inc.php";

$result = mysqli_query($con,"SELECT tankname FROM tank");

while($row = mysqli_fetch_array($result)) {
  echo $row['tankname'];
  echo "<br>";
}

mysqli_close($con);
?>

Here is the source when you bring the file up in a browser

<select id="tankname" type='text' name="tankname">
  <option>
     Tank 1<br>Tank 2<br>Tank 3<br>
  </option>
</select>

Ch0cu3r · September 5, 2014

Each value in the drop down menu needs to be wrapped in <option></option> tags.

Example html

<select id="tankname" type='text' name="tankname">
  <option>Tank 1</option>
  <option>Tank 2</option>
  <option>Tank 3</option>
</select>

CroNiX · September 5, 2014

Well, that's not valid HTML for your <select> dropdown. each one needs to be it's own option, not separated by <br>.

Each option needs to look like:

<option value="what gets sent with the form">Text to display in dropdown</option>

So change this:

while($row = mysqli_fetch_array($result)) {
echo $row['tankname'];
echo "<br>";
}

to

while($row = mysqli_fetch_array($result)) {

  echo '<option value="' . $row['tankname'] . '">' . $row['tankname'] . '</option>';
}

and then remove the

<option>

</option>

from the <select> in the HTML so it's just:

<select id="tankname" type='text' name="tankname">
<?php include_once '/include/dropdowns/water-parameters-dd.inc.php'; ?>
</select>

msebar · September 5, 2014

That worked great. Thanks. What got me confused was that if I ran the select file by itself each option would be on a different line. After seeing your fix it makes sense.

Sign In

Drop down data all on the same line

Recommended Posts

msebar

Link to comment

Share on other sites

Ch0cu3r

Link to comment

Share on other sites

CroNiX

Link to comment

Share on other sites

msebar

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information