html循环输出

html循环输出,第1张

仅html是不支持循环的

超文本标记语言,标准通用标记语言下的一个应用。

超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

 <!-- 给两个Select标签一个id方便Javascript定位 -->

<label for="yselect">年份:</label>

<select id="yselect">

    <option value=""></option>

</select>

<label for="mselect">月份:</label>

<select id="mselect">

    <option value=""></option>

</select>

<script>

 let YearSelect = document.querySelector('#yselect')

 //定位年份

 for (let i = 2018 i > 1918 i--) {//从2018一直输出到1919

 let tmpElement = document.createElement('option')

 //创建一个选项元素

 tmpElement.value = i

 //赋值(Post等表单 *** 作输送的赋值)

 tmpElement.id = "yoption" + i

 //给id方便以后 *** 作

 tmpElement.innerText = i

 //填上内容方便用户选择

 YearSelect.appendChild(tmpElement)

 //将元素扔到年份选择标签的最下面的元素,保证是第一个是2018最后一个是1919

 }

 let MonthSelect=  document.querySelector('#mselect')

 for (let i = 12 i > 0 i--) {

 let tmpElement = document.createElement('option')

 tmpElement.value = i

 tmpElement.id = "moption" + i

 tmpElement.innerText = i

 MonthSelect.appendChild(tmpElement)

 }

 //同理

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/6280335.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存