2012-03-17 4 views
2

次の図は、私のWebページの一部を示しています。私はPHPを使用して私のサイトを開発しています。onchange refresh特定のコンテンツphp

enter image description here

私は、次のフィールドなどのオプションlistmenu draftでオプションを選択した場合、1を選んで、2が変更されます選択。私はonchangeを使ってこれを行いました。私はonchangeからIDを取得し、そのIDをselectクエリで使用してデータベースから詳細を取得し、取得したデータを下のlistmenusに置き換えます。

ページ全体ではなく、その部分だけをリフレッシュすることによって行う必要があります。それを行う可能性はありますか?前もって感謝します。

答えて

2

:あなたはこのようなものを使用することができ、例えば

。それは素晴らしいことです。

最初の選択名が「ドラフト」であると仮定すると、他の選択肢は「picks」という要素に含まれ、/picks.php?id=Xは#picks:

の適切な置換えを生成します
$('select[name=draft]').change(function() { 
    $.get('/picks.php', {'id': $(this).val()}, function(data) { 
     $('#picks').html(data); 
    }) 
}) 
+0

ご協力いただきありがとうございます。 – designersvsoft

0

はいあります。これを行うための技術をajaxといいます。私はjQueryのようなjavascriptライブラリを調べることをお勧めします。プロセスがはるかに簡単になります。あなたが必要とする特定のjQuery API参照はhereです。あなたは既にjQueryを使用している質問タグによる

// Wait till the page has loaded 
$.ready(function() { 
    // create the on change event 
    $('#draftID').on('change', function() { 
    // get the new information from the server 
    $.ajax({ 
     url: 'document.php?id=' + $('#draftID').val(), 
     success: function(data){ 
     // this code is run when you get the reply; 
     $('#someDivID').html(data); 
     } 
    }); 
    }); 
}); 
関連する問題