dropdownlist项目有空格时隐藏的内容

i have two dropdownlist that work with jquery ajax. when i select item from the first the second dropdown will complete with item that choose from the first dropdownlist. every thing is good when there was no space between dropdownlit items but when the text(item in dropdownlist has space all element on the page with hiding) the text is utf8. any idea?

this is my code:

 $("#Ddl_Pack_Name").change(function () {//dovomi
      var url = (document.URL)+"&Pname="+$("#Ddl_Pack_Name").val()+"&Sid="+$("#Ddl_Sgroup").val();
      Pid = $("#hidden").val();
      alert(url);
      $("#main").load(url, function () {});
      //alert($(this).val());
      //alert(window.location.pathname);
      //window.location.href = window.location.pathname + "?shahr=" + $(this).val();
 });
 $("#Ddl_Sgroup").change(function () {
      var url = (document.URL)+"&Sid="+$("#Ddl_Sgroup").val();
      alert(url);
      $("#main").load(url, function () { });
 });

I replaced space with %20 and problem disappeared (like churum and other browsers).