HTML中复选框的使用方法

最新推荐文章于 2025-01-03 17:03:51 发布

转载最新推荐文章于 2025-01-03 17:03:51 发布 · 1k 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Neroi/p/10564437.html

本文介绍了一种使用Ajax结合HTML和JavaScript实现下拉菜单动态填充的方法，通过选择不同的选项，可以向服务器发送请求并接收返回的数据，然后利用editor.html()函数更新页面上的内容。此方法适用于需要实时获取和展示数据的场景。

 1             <select id="question">
 2                 {# 常见问题。ajax用editor.html('1231254')填充#}
 3                 <option value="1">手机问题</option>
 4                 <option value="2">电脑无法开机</option>
 5                 <option value="3">RTX无法登陆</option>
 6             </select>
 7 
 8    <script>
 9         $('#question').change(function () {
10             var s = $("select option:selected").val();
11             $.ajax({
12                 url: "/backend/changeText.html",
13                 type: 'GET',
14                 data: {'choice': s},
15                 dataType: "JSON",
16                 success: function (data) {
17                     editor.text(data['content']);
18                 }
19             });
20         })
21     </script>