我有最小值和最大值。如果我想創建從最小值到最大值的下拉菜單。任何專家都可以幫我解決?謝謝HTML JavaScript kendo ui Ajax
0
A
回答
0
您可以使用輸入時間編號。這將允許您設置最小值和最大值。
檢查以下內容:
<input type="number" min="1" max="5" placeholder="how many person you want?" style="width: 200px;" >
0
你的問題很容易,所以我希望我能清楚明白你想要什麼,下面的代碼也許是你想要的。請讓我知道,如果它不是你需要的。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="Scripts/jquery-2.1.4.js"></script>
</head>
<body>
<select id="test1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input id="min" value="1"/>
<input id="max" value="10" />
<select id="test2">
</select>
</body>
</html>
<script>
var mySelect = $('#test2');
for (i = $('#min').val() ; i <= $('#max').val() ; i++)
{
mySelect.append(
$('<option></option>').val(i).html(i)
);
}
</script>
相關問題
- 1. Kendo UI Ajax請求
- 2. Kendo UI Tab Strip
- 3. Kendo UI模板中的Javascript
- 4. Kendo UI DatePicker Javascript和HttpContext.Session C#,MVC
- 5. Kendo UI Multiselect
- 6. 在Kendo UI中顯示編碼的HTML
- 7. Kendo UI - Ajax MVC - JSON始終爲空
- 8. 通過AJAX與JSON Kendo UI FileUpload
- 9. Kendo Ui Mobile ModalView
- 10. 在Kendo UI AJAX頁面加載後觸發JQuery AJAX調用
- 11. Kendo UI app.navigate()
- 12. Kendo UI日曆
- 13. kendo UI grid datasource asp webforms
- 14. Kendo UI DateTime
- 15. Mobiscroll Datepicker Kendo UI Mobile
- 16. Kendo UI替代MVC
- 17. Kendo UI切換文本爲html
- 18. 在Kendo UI中覆蓋javascript函數
- 19. Kendo Ui Dropdownlist Set通過Javascript可見
- 20. JavaScript/Kendo UI的佈局問題
- 21. Kendo UI Tooltip問題
- 22. Kendo UI Autocomplete全選
- 23. kendo ui api覆蓋
- 24. Kendo UI DatePicker - ExpressionChangedAfterItHasBeenCheckedError
- 25. Kendo UI外鍵
- 26. Kendo UI with backbonejs
- 27. Kendo UI ListviewControl
- 28. Kendo UI Grid,Durandal
- 29. Kendo UI許可
- 30. UI開發 - JavaScript與Ajax
你要像https://jsfiddle.net/8ba3a20x/? – ketan
@ketan雅,是否有任何代碼相似?順便說一句,非常感謝你! – ChengWan
沒有什麼只是使用輸入類型'數字'並設置最小值和最大值, – ketan