Benim şu anki kod böyledir.
index.php
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<select id="dropdown_id">
<option value="one.php">One</option>
<option value="two.php">Two</option>
</select>
<div id="workspace">workspace</div>
one.php
$arr = array ( "workspace" => "One" );
echo json_encode( $arr );
two.php
$arr = array( 'workspace' => "Two" );
echo json_encode( $arr );
JS
jQuery('#dropdown_id').live('change', function(event) {
jQuery.getJSON($(this).val(), function(snippets) {
for(var id in snippets) {
// updated to deal with any type of HTML
jQuery('#' + id).html(snippets[id]);
}
});
});
Yukarıdaki kod mükemmel çalışıyor. Ben Açılan menüden birini seçtiğinizde o one.php JSON kullanarak çalışma DIV yüklenir. Ben İki seçtiğinizde sonra two.php çalışma DIV yüklenir.
What I want to do next:
Now I want to add another dropdown in index.php:
<select id="myinput" name="alpha">
<option value="a">a</option>
<option value="b">b</option>
<option value="a">c</option>
<option value="b">d</option>
</select>
Kullanıcı ilk açılan herhangi bir seçeneği seçtiğinizde o komut (değeri) çalışma DIV ikinci açılan değeri ile yüklü olmalıdır.
For example:
: I One ilk açılır menüden ardından seçtiğinizde
one.php
$arr = array ( "workspace" => $_GET['alpha'] ); // Should load 'a'
echo json_encode( $arr );
Şimdi b, ikinci açılır menüden ardından seçtiğinizde:
one.php
$arr = array ( "workspace" => $_GET['alpha'] ); // Should load 'b'
echo json_encode( $arr );