使用javascript动态代入资讯至下拉选单(drop-down menu)

HTML5:

<select id="testoption" name="testoption" style="cursor:pointer; width:150px" class="btn btn-default dropdown-toggle" onchange="select_testoption()">
</select>

JavaScript:

$(document).ready(function () {
	test="iamtest";

	$.ajaxSetup({
		data: {
			csrfmiddlewaretoken: '{{ csrf_token }}'
		},
	});

	$.ajax({
		url:"**views.py的function**",
		type:'POST',
		data:{test:test},
		success: function (result) {
			console.log(result); //["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L"]
			innerstart = '<option value="请选择">请选择</option>';
			for(var i=0;i<result.length;i++){
				inner=inner+'<option value='+result[i]+'>'+result[i]+'</option>';
			}
			document.getElementById("testoption").innerHTML=innerstart+inner;
		}
	});
});

参考:https://ithelp.ithome.com.tw/articles/10193376


<<:  浏览器向 Web 服务器提交用户密码最可行的方法-原始密码(Raw password )

>>:  2021 Updated CIS-SIR Exam Questions

30天打造品牌特色电商网站 Day.20 网站图片排版

图片是网站关键的视觉元素,更不用说电商网站了,相信大家都会在图片下功夫,让商品能够更加吸引顾客购买。...

30天打造品牌特色电商网站 Day.6 Figma实作第一个网站

今天带大家简单制作一张首页的画面。 导览列 选用Dektop(1440px X 1024px)的fr...

[重构倒数第30天] - 使用 Vue3 Composition API 重构 JS 选单

前言 该系列是为了让看过Vue官方文件或学过Vue但是却不知道怎麽下手去重构现在有的网站而去规画的系...

Day5_HTML语法2

HTML文件元素 < html > < html >开始标签要放在後面 这里...

Day 21 - 研习计画之结案发表与业师心得篇

很快的来到12月也是要结案发表的时间,今天的内容会将半年的开发项目做一个重点汇整,并且分享这一段时间...