한 가지 문제가 있는데 onchange
javascript / Jquery를 사용하여 이벤트 별로 드롭 다운 값을 설정하고 싶습니다 . 아래 코드를 설명하고 있습니다.
<h1>drop down</h1>
<p>
<select id="leaveCode" name="leaveCode" onChange="SetValue();">
<option value="10">Annual Leave</option>
<option value="11">Medical Leave</option>
<option value="14">Long Service</option>
<option value="17">Leave Without Pay</option>
</select>
</p>
<p>
<select id="leaveCode1" name="leaveCode">
<option value="">select value</option>
<option value="21">xyz</option>
<option value="21">abc</option>
</select>
</p>
function SetValue(){
var value=document.getElementById('leaveCode').value;
var name=document.getElementById('leaveCode').name;
document.getElementById('leaveCode1').value=value;
document.getElementById('leaveCode1').name=name;
}
여기서 내 요구 사항은 사용자가 첫 번째 드롭 다운 목록에서 값을 선택하면 비활성화 모드의 두 번째 드롭 다운 목록에도 표시됩니다.
leavecode1 드롭 다운에서 추가하고 선택하는 다음 문을 사용할 수 있습니다 .js 파일에서 다음 문을 사용하십시오.
jQuery('#leaveCode').change(function(){
//get selected text from #leaveCode list
text = jQuery("#leaveCode option:selected").text();
//get selected value for selected text
value = jQuery("#leaveCode option:selected").val();
//append new in #leavecode1 and make this option as selected option.
jQuery("#leaveCode1").append("<option value=" + value + " selected>" + text + "</option>");
});
다음 링크 (업데이트 됨) -http : //jsfiddle.net/aecrcvt2/2/를 사용하여 확인할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다