다음과 같은 선택 개체가 있습니다.
<select id="mySelect" onchange = "start()" >
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
이제 mySelect의 값에 따라 JavaScript를 변경하고 싶습니다. 예를 들어 값이 "Apple"이면 JavaScript를 "Apple.js"로 설정하고 싶습니다. 또한 start () 함수를 포함하는 페이지에 기존 JavaScript가 있습니다. 새 JavaScript가 기존 JavaScript를 재정의하기를 원합니다. 이것을 달성하는 방법?
스크립트를 동적으로로드 할 수 있습니다.
$.loadScript('Apple.js', function(){//url you can specify
//Yayhhh!! your script loaded
});
$.getScript( "ajax/test.js", function( data, textStatus, jqxhr ) {
//Yayhhh!! your script loaded
});
당신이 언급 한 것처럼 start()에서 onchange()이벤트 당신은 사용할 수 있습니다 :
HTML 스 니펫 :
<select id="mySelect" onchange = "start(this.value)" >
^^^^^^^^^^====>passing current selected value
스크립트:
var start = function(val){
if(val == 'Apple'){
$.getScript( "ajax/test.js", function( data, textStatus, jqxhr ) {
console.log( data ); // Data returned
console.log( textStatus ); // Success
console.log( jqxhr.status ); // 200
console.log( "Load was performed." );
});
}
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다