1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Change select list selected value

Discussion in 'JavaScript' started by greatlogix, Apr 21, 2011.

0
  1. #1
    I have this select list on a page
    <select name="otype[]" class="txtText" id="otype[]">
			  <option value="Processing">Processing</option>
			  <option value="Shipped">Shipped</option>
                                    </select>
    HTML:
    Scripts generates 5 select lists on the page. I need to change all select lists options to "Shipped" if customer clicks on "Shipped" on top of the page and "Processing" if customer clicks on "Processing" link (<a href="javascript:select_processing()">Processing</a>)

    Can somebody help me in doing so?
     
    greatlogix, Apr 21, 2011 IP
  2. x319

    x319 Well-Known Member

    Messages:
    90
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    103
    #2 
    
function selectOType(otype) {
    document.getElementById('otype[]').value = otype;
}
// <a href="javascript:selectOType('Processing');return 0;">Processing</a>
// <a href="javascript:selectOType('Shipped');return 0;">Shipped</a>
    PHP:
    Maybe be some errors, just did that from mind.
     
    x319, Apr 21, 2011 IP
  3. greatlogix

    greatlogix Active Member

    Messages:
    664
    Likes Received:
    13
    Best Answers:
    1
    Trophy Points:
    85
    #3
    I think i did not explain well... I have code like this

    
<form>
<select name="otype[]" class="txtText" id="otype[]">
              <option value="Processing">Processing</option>
              <option value="Shipped">Shipped</option>
                                    </select>

some code......

<select name="otype[]" class="txtText" id="otype[]">
              <option value="Processing">Processing</option>
              <option value="Shipped">Shipped</option>
                                    </select>

some code.......

<select name="otype[]" class="txtText" id="otype[]">
              <option value="Processing">Processing</option>
              <option value="Shipped">Shipped</option>
                                    </select>
    HTML:
    I just want to change selected value for all select lists with one mouse click..... how to....?
     
    greatlogix, Apr 21, 2011 IP
  4. x319

    x319 Well-Known Member

    Messages:
    90
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    103
    #4
    Yup, that should do it.
     
    x319, Apr 21, 2011 IP
  5. greatlogix

    greatlogix Active Member

    Messages:
    664
    Likes Received:
    13
    Best Answers:
    1
    Trophy Points:
    85
    #5
    nah.. that doesn't work
     
    greatlogix, Apr 21, 2011 IP
  6. greatlogix

    greatlogix Active Member

    Messages:
    664
    Likes Received:
    13
    Best Answers:
    1
    Trophy Points:
    85
    #6
    can anybody else help me on this topic...?
     
    greatlogix, May 9, 2011 IP
  7. Jan Novak

    Jan Novak Peon

    Messages:
    121
    Likes Received:
    5
    Best Answers:
    1
    Trophy Points:
    0
    #7
    One line is enough to do it ;)

    

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  
  <script>
        function select_processing(){
          jQuery(".txtText option[value=Shipped]").attr('selected', 'selected');
        }
  </script>
  
  </head>
  <body>
          <select name="otype[]" class="txtText" id="otype[]">
              <option value="Processing">Processing</option>
              <option value="Shipped">Shipped</option>
                                    </select>

some code......

<select name="otype[]" class="txtText" id="otype[]">
              <option value="Processing">Processing</option>
              <option value="Shipped">Shipped</option>
                                    </select>

some code.......

<select name="otype[]" class="txtText" id="otype[]">
              <option value="Processing">Processing</option>
              <option value="Shipped">Shipped</option>
                                    </select>
                                    
<a href="javascript:select_processing()">set to shipped</a>                                    
  </body>
</html>
    Code (markup):
     
    Jan Novak, May 9, 2011 IP
    greatlogix likes this.
  8. greatlogix

    greatlogix Active Member

    Messages:
    664
    Likes Received:
    13
    Best Answers:
    1
    Trophy Points:
    85
    #8
    Thanks Jan Novak for a Perfect solution. Green for u.
     
    greatlogix, May 10, 2011 IP