<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="./assets/libs/jsLibs/jquery.min.js"></script>
</head>
<body>
<div>
<select id="test" onchange="get()">
<option value="1">測試1</option>
<option value="2">測試2</option>
<option value="3">測試3</option>
<option value="4">測試4</option>
</select>
<button onclick="addoption()">添加</button>
</div>
</body>
<script>
function addoption() {
$.ajax({
url: '<%=root%>/employ/bmfwAction!getBillCompanyBilProvCdAndType',
type: 'post',
data: 'billStyle=' + billStyle + '&provCd=' + provCd,
success: function (data) {
$.each(data, function (infoIndex, info) { //循環遍歷後臺傳過來的json數據
$("#test").append("<option value='" + info["sex"] + "'>" + info["name"] + "</option>");
// $("#test").append("<option value='5'>測試5</option>"); //爲Select追加一個Option(下拉項)
// $("#test").prepend("<option value='0'>測試6</option>"); //爲Select插入一個Option(第一個位置)
});
}
});
// $.getJSON("jsontest.json", function (data) {
// $.each(data, function (infoIndex, info) {
// $("#test").append("<option value='" + info["sex"] + "'>" + info["name"] + "</option>");
// })
// console.log(strHtml);
// })
}
function get() {
// 獲取選中的option的文本
var a=obj.options[obj.selectedIndex].innerHTML;
//改變下拉框的默認項
document.getElementById("test")[2].selected = true;
alert($("#test").find("option:selected").attr("value"));//原生
// alert($("#test").find("option:selected").val()); //加入jq庫
}
</script>
</html>