Nasıl AJAX / jQuery kullanarak bir komut form giriş alanları değerlerini geçmek için?

0 Cevap php

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 );

0 Cevap