jQuery는 json_php 팁을 얻은 후 zy_tmpl을 사용하여 드롭다운 메뉴를 생성합니다.

AppCan 개발에 대한 기사를 처음 작성했습니다. 누군가 jQuery 또는 기본 Ajax와 json 간의 상호 작용에 대해 쓴 적이 있습니다. 그런 다음 jQuery를 사용하여 json을 얻은 다음 zy_tmpl을 사용하여 생성하는 예에 대해 간략하게 작성하겠습니다. 개발 과정에서 나타나는 드롭다운 메뉴입니다.

PHP 서버에서 json을 생성하는 부분은 많지 않고 $res 배열을 입력하고

코드 복사 코드는 다음과 같습니다.

echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";

AppCan 템플릿에서 먼저 드롭다운 메뉴를 추가하세요.

<!--下拉列表开始-->
<div class=" ui-has-label">
  <label class="ui-select ">选择楼群：</label>
  <div class="ui-select">
    <div class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-btn-b">
      <span class="ui-btn-inner ui-btn-corner-all" >
        <span class="ui-btn-text">楼名</span>
        <div class="ui-li-link-alt ui-btn ui-btn-corner-right ui-shadow">
        <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
        </div>
      </span>
      <select name="lc" id="lc" selectedIndex="0" id="select-choice-0" onchange="zy_slectmenu(this.id)">
        数据加载中，请稍候
      </select>
    </div>
  </div>
</div>
<!--下拉列表结束-->

그런 다음 다음을 추가하세요.

function getlq(){
  $.getJSON('http://localhost/json.php?jsoncallback=?', function(data) {
    var tmpl='<option value="${BuildingId}">${BuildingName}</option>';
    $("#lc").html("");
    $("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data)));
  })
}

이런 방식으로 onload, onchange 또는 onclick에서 getlq()를 실행하면 선택 항목을 업데이트할 수 있습니다.

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

잠시 시간을 내어 기사를 친구들과 공유하거나 댓글을 남겨주세요. 여러분의 지원에 진심으로 감사드립니다!