jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在jquery中选择更改时更新div大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有选择字段和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和其他信息”,依此类推.

任何有关这方面的帮助将不胜感激.

解决方法

试试这样的事情:
<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");

大佬总结

以上是大佬教程为你收集整理的如何在jquery中选择更改时更新div全部内容,希望文章能够帮你解决如何在jquery中选择更改时更新div所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。