ajax 根据返回的json字串生成下拉选择框

最新推荐文章于 2022-03-31 23:59:51 发布

原创最新推荐文章于 2022-03-31 23:59:51 发布 · 586 阅读

0 ·

CC 4.0 BY-SA版权

ajax 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用JavaScript创建动态下拉菜单的方法。通过将学生的个人信息转化为JSON格式，并利用函数将其转换成HTML选择框的形式展示出来。该示例展示了如何通过简单的JavaScript操作实现网页元素的动态生成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var student_info = ({'name':'哈哈哈','age':20,'gender':'男'}); // 学生信息json字串
function createSelect(jsonString){
      var student = eval(jsonString);
      var str = "<select name='selectn'>";
      str += "<option value="+student.name+">"+student.name+"</option>";
      str += "<option value="+student.age+">"+student.age+"</option>";
      str += "<option value="+student.gender+">"+student.gender+"</option>";
      str += "</select>";
      document.getElementById("tt").innerHTML = str;
}
createSelect(student_info);