jquery - 如何在 jquery 中选择更改时更新 div

Question

我有一个带有选择字段和 div 的表单，我希望根据用户选择的内容更新值。

示例:

<select name="mysel" id="msel">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    <option value="test3">Test3</option>
</select>

<div id="myresult"></div>

如果用户选择 test2 等，我希望 div 更新为“这是测试 2 和其他信息”。

对此的任何帮助将不胜感激。

Answer 1

尝试这样的事情:

<select id="choose">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    <option value="test3">Test3</option>
</select>
<div id="update"></div>

<script type="text/javascript">
    $('#choose').change(function(event) {
        $('#update').html('This is ' + $('#choose').val() + ' and other info');
    }); 
</script>

<小时/>

如果您想使用 AJAX 来实现，请将 javascript 函数更改为类似的内容:

<script type="text/javascript">
    $('#choose').change(function(event) {
        $.post('info.php', { selected: $('#choose').val() },
            function(data) {
                $('#update').html(data);
            }
        );            
    });
</script>

在你的 info.php 中，你会有类似的内容:

<?php

    $selected = isset($_POST['selected']) ? $_POST['selected'] : 'nothing';
    echo("This is $selected and other info");