집 >웹 프론트엔드 >JS 튜토리얼 >js 선택 옵션 개체 summary_javascript 기술

js 선택 옵션 개체 summary_javascript 기술

WBOY원래의: 2016-05-16 17:08:111212검색

기본 이해:

var e = document.getElementById("selectId")

e.options= new Option("텍스트","값")

//옵션 개체를 만듭니다. 즉,

value="결과 보기" onclick="number();">

이를 바탕으로 작은 다음과 같이 JQEURY AJAX JSON을 사용하는 함수:

JS 코드 : (SELECT 관련 코드만 가져옴)

코드 복사

코드는 다음과 같습니다.

/**
* @description 컴포넌트 연결 드롭다운 목록(JQUERY의 AJAX 및 JSON을 사용하여 구현됨)
* @prarm selectId 드롭다운 목록의 ID
* @prarm method 호출할 메서드 이름
* @prarm temp this 소프트웨어 ID 저장
* @prarm url 이동할 주소
*/
function linkAgeJson(selectId,method,temp,url){
$j.ajax({
type: "get",//사용 get 메소드는 백엔드에 액세스합니다
dataType: "json",//json 형식으로 데이터를 반환합니다
url: url,//액세스할 백엔드 주소
data: "method=" method "&temp= " temp, //전송할 데이터
성공: function(msg){//msg는 반환된 데이터이고 데이터 바인딩은 여기에서 수행됩니다.
var data = msg.lists;
CoverJsonToHtml(selectId,data );

/**
* @description JSON 데이터를 HTML 데이터 형식으로 변환 * @prarm selectId 드롭다운 목록의 ID

* @prarm nodeArray 반환된 JSON 배열
*
*/
function CoverJsonToHtml(selectId,nodeArray){
//get 선택
var tempSelect=$j("#" selectId)
//clear 값 선택
isClearSelect(selectId,'0');
var tempOption=null
for(var i=0;i//선택 옵션
tempOption= $j(' ')//선택할 옵션 입력
tempSelect.append(tempOption);
}

function isClearSelect(selectId,index){
var length=document.getElementById(selectId).options.length; length!=index){
//길이가 변경됩니다. 다시 가져와야 하기 때문입니다.
length=document.getElementById(selectId).options.length i); 🎜> }
}

/**
* @description 드롭다운 목록의 값 지우기
* @prarm selectId 드롭다운 목록의 ID
* @prarm index 지우기를 시작할 첨자 위치
*/
function getCpgjThgl(selectId1,selectId2){
var obj1 =document.getElementById(selectId1);//참조 소프트웨어 드롭 -down list
var obj2=document.getElementById(selectId2);//Degenerate 컴포넌트 드롭다운 목록
var len=obj1.options.length;
// 참조된 소프트웨어 목록의 길이가 초과되면 반환 1이면 작업이 수행되지 않습니다.
if(len==1){
return false
}
//드롭다운 목록의 값을 지우고 두 가지 방법을 모두 사용할 수 있습니다.
// isClearSelect(selectId2,'1');
document.getElementById(selectId2).length=1
for(var i=0;ivar option = obj1.options[i];
//참조된 소프트웨어의 선택된 항목은 추가되지 않습니다
if(i!=obj1.selectedIndex){
//OPTION을 복제하고 SELECT에 추가합니다
obj2.appendChild(option.cloneNode(true))
}
}

}

HTML 코드:

코드 복사

코드는 다음과 같습니다.

*引用软件：

onClick="linkAgeTree('linkage','yyrjtree','yyrjMc','yyrjDm','linkageTree','1');" value="选择...">

*引用分版：

退化构件：

성명：

이전 기사：javascript_javascript 기술에서 typeof를 사용하는 예다음 기사：javascript_javascript 기술에서 typeof를 사용하는 예

js 선택 옵션 개체 summary_javascript 기술

관련 기사