아래는 html 및 간단한 JavaScript로 코드를 실행하여 항목을 select 요소에 표시하는 것입니다. 현재 선택 항목은 옵션 배열에서 제공되며 days 라는 배열도 하나 있습니다.
여기에서는 배열 옵션 을 요일 과 비교하고 옵션 배열에 원하는 항목 인덱스를 요일 과 비교하고 싶습니다. 따라서 배열을 비교 한 후 옵션 배열은 days 배열과 유사합니다. 따라서 드롭 다운은 '일', '주', '월', '연간', '6 개월'과 같은 순서로 항목을 표시해야하며 이는 옵션 배열에서 가져와야합니다.
var options = ["day", "yearly","week", "sixmonth",'month'];
var days = ['day','week','month','yearly','sixmonth']
var s = document.getElementById("selectCity");
for (var i = 0; i < options.length; i++) {
s.innerHTML += `<option value=${i}> ${options[i]}</option>`;
}
<select id="selectCity">
<option>Choose a City</option>
</select>
일이 옵션의 하위 집합이고 모든 옵션 배열 값이 일 단위의 항목 인덱싱에 따라 정렬되기를 원한다고 가정합니다. 그리고 옵션 배열의 추가 항목은 발생 순서에 따라 마침내 올 것입니다.
다음은 코드입니다.
var options = ["day", "yearly","week", "sixmonth",'month',"newMonth"];
var days = ['day','week','month','yearly','sixmonth']
var sorted=days.filter(val=>options.includes(val))
options = options.filter(val => !days.includes(val))
sorted.push(...options)
console.log(sorted)
var s = document.getElementById("selectCity");
for (var i = 0; i < sorted.length; i++) {
s.innerHTML += `<option value=${i}> ${sorted[i]}</option>`;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다