<!-- 親測可以使用 -->
<!DOCTYPE html>
<html lang="en">
<script src="../js/jquery-1.8.3.min.js"></script>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<select id="featureLayerOptions">
</select>
<!-- 規范的類選擇器最好不要采用cc_id這種格式，最好是cc或者cC -->
<p id="cc"></p>
<button onclick="getValue()">button</button>
<script type="text/javascript">
/*
把數組的數據填入選擇器中，通過按鈕獲取selectd的值，並打印出來；
*/
var aa = "hello world";
function getValue() {
var osel=document.getElementById("featureLayerOptions");
alert(osel.options[osel.selectedIndex].value);//osel為空的時候，value為undefined類型報錯；
}
var ff=[["hello", "11"], ["world", "12"], ["sam", "perry"]];
function ffs(param) {
$("#cc").append("<h1>"+aa+"</h1>");//通過類選擇器的擴展方法添加頁面標簽
var _tmp="";
for (var i=0; i<ff.length; i++) {
_tmp=_tmp+"<option value='"+ff[i][0]+"'>"+ff[i][1]+"</option>";
}
$("#featureLayerOptions").append(_tmp);
}
/*
普通的函數聲明function foo(){},不調用不執行
$(function(){/*...*/});是$(document).ready(function(){/*...*/})的簡寫形式，是在DOM加載完成后執行的回調函數，並且只會執行一次。
對於常見的(function($){...})(jQueryParam);即是將實參jQueryParam傳入函數function($){}，通過形參$接收
*/
$(function(){
ffs(ff);
});
</script>
</body>
</html>
jQuery動態賦值給選擇器
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。