Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

show table row if select menu equals 1

Posted on 2010-11-21
Last Modified: 2012-08-14
I have previously used the javascript code below to show / hide a table based a check box:

<script language="javascript">
      $("document").ready(function() {
            if (!$("#phone_support").attr('checked')) $(".captionRow").show();
                  if ($("#phone_support").attr('checked')) $(".captionRow").hide();
                  else $(".captionRow").show();

How do I change it so the captionRow class only shows if the value of the below select menu is 1?

<select name="ink_brand_id" id="ink_brand_id">
do {  
        <option value="<?php echo $row_rs_ink_brand['id']?>"><?php echo $row_rs_ink_brand['ink_brand']?></option>
} while ($row_rs_ink_brand = mysql_fetch_assoc($rs_ink_brand));
  $rows = mysql_num_rows($rs_ink_brand);
  if($rows > 0) {
      mysql_data_seek($rs_ink_brand, 0);
        $row_rs_ink_brand = mysql_fetch_assoc($rs_ink_brand);
Question by:petewinter
  • 2
  • 2
LVL 82

Expert Comment

ID: 34184139
if( $('#ink_brand_id option:selected').attr('value')==1 )$(".captionRow").show();

Author Comment

ID: 34184404
Thanks, but it's not working for me. Can you please check:

<script language="javascript">
      $("document").ready(function() {
                  if( $('#ink_brand_id option:selected').attr('value')==1 )$(".captionRow").show();
            $('#ink_brand_id option:selected').click(function(){
                  if( $('#ink_brand_id option:selected').attr('value')!=1 )$(".captionRow").hide();
                  else $(".captionRow").show();
LVL 82

Accepted Solution

hielo earned 500 total points
ID: 34191195
my guess you want to show/hide upon change. If so, try:
<!DOCTYPE html>
  div { color:red; }
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
  <select name="ink_brand_id" id="ink_brand_id">
    <option value="0">Flowers</option>
    <option value="1" selected="selected">Shrubs</option>
    <option value="2">Trees</option>
    <option value="3">Bushes</option>
    <option value="4">Grass</option>
    <option value="5">Dirt</option>
<script language="javascript">
      $("document").ready(function() {
			if( this.selectedIndex > -1  && this.options[this.selectedIndex].value==1)
<div class="captionRow">Hi</div>

Open in new window


Author Closing Comment

ID: 34200635
Perfect. Many thanks for your help!

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
tiny glitch in my main slider 3 39
innerHTML 7 34
html input 8 42
Html input text color the frame line 2 21
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question