jQuery에서 태그 하위 요소를 추가하고 할당하는 방법을 구현합니다.

아래에서는 태그 하위 요소를 추가하고 할당하는 jQuery 방법을 공유하겠습니다. 이는 좋은 참조 값을 갖고 있으며 모든 사람에게 도움이 되기를 바랍니다.

1. jsp 페이지에서 221f08282418e2996498697df914ce4e 태그를 다음과 같이 정의합니다:

<p>
<span>科室:</span>
<select class="dept-name-show" style="width: 70%;">
</select>
</p>

2. js 문을 작성합니다:

<script>
$(function () {
var dname = $(".dept-name-show").eq(0);//选定<select>标签
var url = "${pageContext.request.contextPath}/getDepts.do";//请求路径
$(".dept-name-show").click(function () {
$.get(
url,
function (res) {
var len = res.length;
var op = dname.children().length;
if (op < len) {
var pp = "<option></option>";
for (var i = 0; i < len; i++) {
dname.append(pp);
dname.children().eq(i).text(res[i].name);
}
}
}
)
})
})
</script>

3. 해당 요청 문을 작성합니다:

List<Dept> deptList=null;
@RequestMapping(value = "/getDepts",method = {RequestMethod.GET})
public void getDepts(HttpServletResponse response) throws IOException {
response.setCharacterEncoding("utf-8");
response.setContentType("text/json;charset=utf-8");
if (deptList == null){
deptList = deptService.findAllDepts();
}else {
String res=JSON.toJSONString(deptList);
response.getWriter().write(res);
}
}

넷째, 효과는 다음과 같습니다.

위 내용은 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 기사:

ngrok+express를 사용하여 WeChat 인터페이스 디버깅 문제를 해결하는 방법

element-ui 테이블을 사용하여 셀을 편집 가능하게 만드는 방법

요소 ui에서 확인 후 확인을 지우는 방법 대화상자가 닫혔습니다

위 내용은 jQuery에서 태그 하위 요소를 추가하고 할당하는 방법을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!