title: Dropdown select option shows price?
body: <p>Maybe I didn't constructed my question very good but I am trying to add to an HTML page a drop down menu and when an option is selected it should display some price and everything is fine by now, but when I add multiple dropdowns the price is showed only in the first div and I would like to make it show different price for each dropdown.</p>
  
  <p><strong>JS :</strong></p>
  
  <pre><code>function changeddl($this){
     $("#divprice").text($this.value&gt;0?("Price: " + $this.value + " $"):"");
  };
  </code></pre>
  
  <p><strong>HTML :</strong></p>
  
  <pre><code>&lt;select id="bedrooms" onchange="changeddl(this)"&gt;
    &lt;option&gt;Size&lt;/option&gt;
    &lt;option value="160"&gt;90 x 50 | 4,75 kg.&lt;/option&gt;
    &lt;option value="240"&gt;100 х 200 | 7,35 kg.&lt;/option&gt;
  &lt;/select&gt;
  &lt;div id="divprice" class="price-style"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This works fine but when I add one more:</p>
  
  <pre><code>&lt;select id="bedrooms" onchange="changeddl(this)"&gt;
        &lt;option&gt;Size&lt;/option&gt;
        &lt;option value="160"&gt;90 x 50 | 4,75 kg.&lt;/option&gt;
        &lt;option value="240"&gt;100 х 200 | 7,35 kg.&lt;/option&gt;
      &lt;/select&gt;
      &lt;div id="divprice" class="price-style"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The price is showing in the first div and nothing appears to this one.
  I can't figure out what should I change to make it work proper...</p>