HTML and js with option value usage

Question

I have first a with 3 option value in it. When I select one of the values, I want it to remember which one I picked and once I press my button the javascript will open a specific url.

Some code sample.

       <select id="dd-files">
        <option value="asdf">Pick:</option>
        <option value="url1">File1</option>
        <option value="url2">File2</option>
        <option value="url3">File3</option>
       </select>
      </section>
    </div>
<br>
        <div class="modal-footer">
            <a class="btn btn-primary get-data" href="#">Button</a>
        </div>

javascript This javascript directily just to know how it all works, so I just tested it.

$(".get-data").on("click",function() {
  var location = 'http://hardcodedurl.com';
  window.open(location);

Then I have another function, which when I pick one option value, stores it and open it directly, but instead of open it directly, I would like my second script just to open when my button ".get-data" is pressed.

$(function () {
  $('#dd-files').on('change', function() {
    debugger;
    var url = $(this).val();
    if (url) {
      window.location = url;
    }
    return false;
  })
})

Any advice for a newbie?

The html \ is because its written in js, so for it to read next line, im using \ otherwise it crashes you know :-) — WeeklyDad
– WeeklyDad, Commented Jan 30, 2013 at 9:57

Viktor S. · Accepted Answer · 2013-01-29 08:01:04Z

1

Not clear why do you need on('change') event. To make it open when button is pressed, you just need something like this:

$(".get-data").on("click",function() {
  var location = $('#dd-files').val(); 
  if(location) {
     window.open(location);
  }
}

Just take an url from #dd-files directly.

answered Jan 29, 2013 at 8:01

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

WeeklyDad Over a year ago

Oh thank you! That worked just fine, dont ask me what I was thinking there for a second. By the way, if this is placed in a form, which is generated by pressing a <li> children one step ahead. Like this <li><a id='stoparea' data-name='data-value' href='#'>firstpicked</a></li>" Is it possible to have it look on first which option I picked one step ahead and then store next one?

Viktor S. Over a year ago

Frankly speaking it is not clear to me what are you talking about. Once you have few elements - just build a selector which will get an element you need, take its value and do whatever you need with it.

Collectives™ on Stack Overflow

HTML and js with option value usage

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related