Мой текущий код такой.
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]); } }); });
Над кодом работает отлично. Когда я выбираю One из выпадающего списка, one.php загружается в рабочую область DIV с помощью JSON. Когда я выбираю Two, тогда two.php загружается в рабочую область DIV.
Что я хочу сделать дальше:
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>
Когда пользователь выбирает любую опцию из первого раскрывающегося списка, тогда этот сценарий (значение) должен быть загружен значением второго выпадающего списка в рабочей области DIV.
Например:
Когда я выбираю One из первого выпадающего списка, тогда:
one.php
$arr = array ( "workspace" => $_GET['alpha'] ); // Should load 'a' echo json_encode( $arr );
Теперь, когда я выбираю b из второго выпадающего списка, тогда:
one.php
$arr = array ( "workspace" => $_GET['alpha'] ); // Should load 'b' echo json_encode( $arr );