Option selected value onchange

Question

Hello this is my current code:

<select id="link_course">
<option value="">Select Course</option>
<option value="ALL">ALL</option>
<option value="BSIT" selected>BSIT</option>
<option value="BSA">BSA</option>
<option value="BSBA">BSBA</option>
<option value="BSHRTM">BSHRTM</option>
</select>

<script>
    $("#link_course").change(function()
          {
              document.location.href = "home.php?course=" + $(this).val();

        });
</script>

If you click any of those options, for example BSBA, it will go to home.php?course=BSBA, and also you can see that the selected attribute is on the option BSIT. What I wanted to do is whenever I click another link, for example BSHRTM, the selected attribute will go to BSHRTM like it would be <option value="BSHRTM" selected>BSHRTM</option>. Any thoughts?

So you want first link will go `home.php?course=Link_value` and second one should go only `linkvalue`?? — Manwal, Apr 16 '15 at 11:42
@Manwal I want to get the current course for like $_GET['course'] then set the attribute to the option with that current course selected — wobsoriano, Apr 16 '15 at 11:45
check this answer how to get params from URL http://stackoverflow.com/questions/19491336/get-url-parameter-jquery — Nishit Maheta, Apr 16 '15 at 11:46

score 1 · Accepted Answer · answered Apr 16 '15 at 11:53

You can do selection via JavaScript :

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

if(getQueryVariable('course') != false) {
    $('#link_course option[value="' + getQueryVariable('course') + '"]').prop('selected', true);
}

Reference

score 0 · Answer 2 · answered Apr 16 '15 at 11:42

0

After loading the new page, you need to run JavaScript code to set the value on the correct item from the list.

answered Apr 16 '15 at 11:42

MeanGreen

3,098
5
37
63

Since you're already using JQuery, have you tried searching for information about running code on page load? Google is your friend :) – MeanGreen Apr 16 '15 at 14:28

score 0 · Answer 3 · edited May 23 '17 at 11:43

0

Use window.location.hrefto get current URL. Then check on which page is user currently on and finally select corresponding option.

if(window.location.href.indexOf('home.php?course=BSHRTM)') != -1) {
   $('select#link_course option[value=BSHRTM]').attr("selected","selected");
}

To avoid code duplication see Parse query string in JavaScript

edited May 23 '17 at 11:43

Community

1
1

answered Apr 16 '15 at 11:43

Mateusz Nowak

4,021
2
25
37

oliverpool · Answer 4 · 2015-04-16T11:48:43.020

0

You should do it in PHP:

<option value="BSHRTM" <?php if($course == 'BSHRTM') echo 'selected';?>>

Supposing that you previsously set $course = $_GET['course'];

edited Apr 16 '15 at 11:48

answered Apr 16 '15 at 11:46

oliverpool

1,624
13
30

1

pls add in answer how you get $course . using $_GET method – Nishit Maheta Apr 16 '15 at 11:47
so every option I will add like right? – wobsoriano Apr 16 '15 at 11:48
Exactly (or better, use an array and a for loop) – oliverpool Apr 16 '15 at 11:49
I want to do it on the client-side – wobsoriano Apr 16 '15 at 11:53
Ok (and please you edit your question to add this important information...) – oliverpool Apr 16 '15 at 11:55

Option selected value onchange

4 Answers4