jQuery를 사용하여 하위 요소에 할당을 추가하는 단계에 대한 자세한 설명

이번에는 jQuery를 사용하여 하위 요소에 값을 추가하는 단계에 대해 자세히 설명합니다. jQuery를 사용하여 하위 요소에 값을 추가할 때 주의 사항은 무엇입니까? 봐.

1. JSP 페이지에서 태그를 다음과 같이 정의합니다.

<p>
<span>科室:</span>
<select>
</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>";
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);
}
}</dept>

이 기사의 사례를 읽으신 후 방법을 익히셨을 것으로 예상됩니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

AngularJS는 사용자가 비밀번호를 변경하는 기능을 구현합니다.

JS는 모바일 단말기에서 무제한 로딩 및 페이징 기능을 구현합니다

Vue

에서 v-cloak 사용에 대한 자세한 설명

위 내용은 jQuery를 사용하여 하위 요소에 할당을 추가하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!