Databases
StackOverflow2013
Postsdbo
POPHP/HTML/Javascript: How to add value to a div element?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPHP/HTML/Javascript: How to add value to a div element?
    primarykey
    data
    text
    <p><strong>My Problem was:</strong> Add a value to a div element in a dropdown list.</p> <p>Ok Guys, I've resolved my problem with the help of @David.</p> <p>I've always wanted to know how to design the <code>&lt;select&gt;</code> <code>&lt;option&gt;</code> tags, but now I think I found a solution to get away from them and use whatever element I want. Ok here is my code:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;script&gt; function getValue(value){ var valueHolder = document.getElementById('valueHolder'); valueHolder.value = value; } function toggle(id){ var element = document.getElementById(id); if(element.style.display == "none"){ element.style.display = "block"; } else { element.style.display = "none"; } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="test2.php" method="post"&gt; &lt;input type="hidden" id="valueHolder" value="" name="valueHolder"&gt;&lt;/input&gt; &lt;div onclick="toggle('dropdown');"&gt;Show Dropdown&lt;/div&gt; &lt;div class="dropdown" id="dropdown" style="display:none;"&gt; &lt;div class="option" onclick="getValue('red')"&gt;Red&lt;/div&gt; &lt;div class="option" onclick="getValue('green')"&gt;Green&lt;/div&gt; &lt;/div&gt; &lt;input type="submit" name="submit" /&gt; &lt;?php if(isset($_POST['submit'])){ echo $_POST['valueHolder']; } ?&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>It's a bit ugly but check it out, works! Don't forget to run on a server.</p> <p>Best Regards, Adam</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USAdam
    1. USAdam
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POPHP/HTML/Javascript: How to add value to a div element?
      1. USAdam
      1. VTFavorite
    1. CORemember that you'll *still* have to use `<select>` in graceful degradation for those with JS disabled.
      singulars
      1. POPHP/HTML/Javascript: How to add value to a div element?
      1. USBoltClock
    2. COI think you are making things unnecessarily hard for yourself, whilst at the same time writing semantically incorrect markup. The [`<select>`](http://www.w3.org/TR/html401/interact/forms.html#h-17.6) element is there to create menus, so should be used for that purpose unless you have a very good reason not too.
      singulars
      1. POPHP/HTML/Javascript: How to add value to a div element?
      1. USMike
    3. COYes you are right, for me the select version is ok too, but I don't know how to design the <option> tags.
      singulars
      1. POPHP/HTML/Javascript: How to add value to a div element?
      1. USAdam
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload