How can I use Jquery to check if URL parameter values are present or not?

Question

<select onchange="select_serviceid();" id="exist_service" name="exist_service" class="validate[required] form-control">
    <option value="">Select from existing Service Apartment</option>
    <option value="1">test123</option>
    <option value="2">Test Provab</option>
    <option value="3">Test Provab</option>
    <option value="4">Test Provab dated</option>
    <option value="5">Test Provab123456789</option>
</select>
<script>
   function select_serviceid(){
      var select1 = $( "#exist_service option:selected" ).val();
      var url = document.URL+'?service='+select1;
      $(location).attr('href', url);
   }
</script>

Here I redirect the service id to a URL and I reload it, but I want to first check that a parameter is available in current URL. If it's not then I add the parameter, otherwise change the id value only.

This is the URL

http://192.168.0.24/corporate_rooms/CRS/property/service_basicinfo?service=3

parameter service want to changes while on load

Answer 1

In select function

onchange="getServiceId(this);" # To pass the value use this parameter

In JQuery

function getServiceId(sel) {
    var id = sel.value;
    if(id == '')
    {
        alert('empty');
    }
    else
    {
        # Your code here
    }
}

---

EDIT 01

Get current URL in web browser

var url = window.location.href+'?service='+id;

How to redirect to another page in jQuery?

// similar behavior as an HTTP redirect
window.location.replace(url);

// similar behavior as clicking on a link
window.location.href = url;

Answer 2

if($( "#exist_service option:selected" ).val())
{

       //value present


        var select1 = $( "#exist_service option:selected" ).val();
        var url = document.URL+'?service='+select1;
        $(location).attr('href', url);

}else
{

        //value not present


}

Answer 3

u can rewrite your code like this.

<select id="exist_service" name="exist_service" class="validate[required] form-control">
    <option value="">Select from existing Service Apartment</option>
    <option value="1">test123</option>
    <option value="2">Test Provab</option>
    <option value="3">Test Provab</option>
    <option value="4">Test Provab dated</option>
    <option value="5">Test Provab123456789</option>
</select>
<script>
$(document).ready(function(){
    $('#exist_service').change(function(){
        var select1 = $(this).val();
        var url = document.URL+'?service='+select1;
        $(location).attr('href', url);
    })
})
</script>

Answer 4

You may use function to replace parameter in url

function updateQueryStringParameter(uri, key, value) {

uri=uri.replace("#","");
var re = new RegExp("([?|&])" + key + "=.*?(&|$)", "i");
separator = uri.indexOf('?') !== -1 ? "&" : "?";
if (uri.match(re)) {
    return uri.replace(re, '$1' + key + "=" + value + '$2');
}
else {
    return uri + separator + key + "=" + value;
}
}

Example of usage

 var pathname = window.location.toString();
 pathname=updateQueryStringParameter(pathname,"datasource",b);
 window.location = updateQueryStringParameter(pathname,"setdata",a);

Or to check if parameter is :

function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
        vars[key] = value;
    });
    return vars;
}
//example usage
var first = getUrlVars()["setdata"];

    if (first != null&&typeof(first)!= 'undefined') {
      //do something

    }