JQUERYを使用してドロップダウンボックスで選択した値を保持する方法は？

Question

こんにちは、私は、各ドロップダウンボックスでユーザーが選択したドロップダウン値を維持したい、この

$(".selfont").change(function(event){ 

$('#dav').val(); 

window.location ='?davQ=' + $('#dav').val() + '&pathogenQ=' + $('#pathogen').val() + '&topicQ=' + $('#topicF').val() ; 

}); 

のようにjqueryのコードを使用しています。しかし、現在のところ、値はユーザーが選択したものではなく、常に最初の値を示します。 jqueryを使用してユーザーが選択した値でドロップダウンフィールドを設定するにはどうすればよいですか？私を助けてください。

私の最初の選択ボックスコードがフィールドに「いずれかを選択し、」我々はそれのように表示された値を選択した場合でも

<select name="dav" id="dav" style="width: 275px" class='selfont' > 
<option value='' class=''>Select one</option> 
         <?php 

           $test = mysql_query("SELECT DISTINCT DataVersion FROM olivesdeptable ORDER BY DataVersion DESC"); 
           $i=1; 
           while($numval=mysql_fetch_array($test)) 
           { 
              print "<option value=\"".$numval['DataVersion']."\">".$numval['DataVersion']."</option>"; 
              $i=$i+1; 
            } 
          ?> 

        </select> 

を下回るようなものです。偶数値が更新されるドロップダウンフィールド

<script type="text/javascript"> 

if (document.getElementById("dav").selectedIndex < 1) 
{ 
document.getElementById('pathogen').selectedIndex = ""; 
document.getElementById('pathogen').disabled = true; 
} 

if (document.getElementById("pathogen").selectedIndex < 1) 
{ 
document.getElementById('topicF').selectedIndex = ""; 
document.getElementById('topicF').disabled = true; 
} 

if (document.getElementById("topicF").selectedIndex < 1) 
{ 
document.getElementById('ind').selectedIndex = ""; 
document.getElementById('ind').disabled = true; 
} 

if (document.getElementById("ind").selectedIndex < 1) 
{ 
document.getElementById('subind').selectedIndex = ""; 
document.getElementById('subind').disabled = true; 
} 

if (document.getElementById("subind").selectedIndex < 1) 
{ 
document.getElementById('countryR').selectedIndex = ""; 
document.getElementById('countryRF').options.length = 0; 
document.getElementById('countryRF').selectedIndex = ""; 
document.getElementById('countryR').disabled = true; 
document.getElementById('countryRF').disabled = true; 
} 

</script> 

ためのJavaScriptコード

、ボックス2番目のドロップダウンは無効として表示されますか？最初のドロップボックスの値が次のDropboxの値のために働いている

<select name="pathogen" id="pathogen" style="width: 275px" class='selfont' > 
    <option value=''>Select one</option> 
          <?php 

            $test = mysql_query("SELECT DISTINCT Pathogen FROM olivesdeptable where DataVersion='$davQ' ORDER BY Pathogen ASC"); 
            $i=1; 
            while($numval=mysql_fetch_array($test)) 
            { 
               print "<option value=\"".$numval['Pathogen']."\">".$numval['Pathogen']."</option>"; 
               $i=$i+1; 
             } 
           ?> 

        </select> 

以下のよう

次のドロップダウンフィールドのマークアップがされているURLに保存するが、ページ内の値は「いずれかを選択」と表示されますか？ uは私たちのためにセットアップフィドルをすることができますuはウルHTMLマークアップを表示する必要が

Answer 1

<?php 

    $test = mysql_query("SELECT DISTINCT DataVersion FROM olivesdeptable ORDER BY DataVersion DESC"); 
    $i=1; 
    $selected = ''; 
    // make compare with the value you want to select with the parameter form url 
    // here I assume $_GET['davQ'] holds the value to $numval['DataVersion'] 
    if($_GET['davQ'] == $numval['DataVersion']) $selected = 'selected'; 
    while($numval=mysql_fetch_array($test)) 
    { 
    echo "<option value=\"".$numval['DataVersion']."\" $selected>".$numval['DataVersion']."</option>"; 
    $i=$i+1; 
    } 
?> 

Answer 2

$(document).ready(function() { 
      $('#dav').val(getURLParameter('davQ')); 

      $('#pathogenQ').val(getURLParameter('pathogenQ')); 

      $('#topicQ').val(getURLParameter('topicQ')); 

      $(".selfont").change(function (event) { 
       window.location = '?davQ=' + $('#dav').val() + '&pathogenQ=' + $('#pathogen').val() + '&topicQ=' + $('#topicF').val(); 
      }); 

      function getURLParameter(name) { 
      return decodeURI((RegExp(name + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1]); 
      } 
     });