코딩 생활의 시작입니다. 선택한 옵션으로 범위 내에서 텍스트를 변경하려고하는데 텍스트가 아닌 값을 제공합니다. 예를 들어, 버스 옵션을 선택하면 "버스"텍스트가 표시되기를 원합니다. 값 번호를 원하지 않습니다. 미리 감사드립니다.
<select id="vehicles" onchange="showChange()">
<option value="1">Bus</option>
<option value="2">Car</option>
<option value="3">Plane</option>
</select>
<span id="vehicle"></span>
<script>
function showChange(){
var selected_vehicle = document.getElementById("vehicles").value;
document.getElementById("vehicle").innerText = selected_vehicle;
}
</script>
먼저 this
키워드를 함수에 전달한 다음 옵션의 selectedIndex 를 사용하여 텍스트를 가져올 수 있습니다.
<select id="vehicles" onchange="showChange(this)">
<option value="1">Bus</option>
<option value="2">Car</option>
<option value="3">Plane</option>
</select>
<span id="vehicle"></span>
<script>
function showChange(el){
var selected_vehicle = el.options[el.selectedIndex].text;
document.getElementById("vehicle").innerText = selected_vehicle;
}
</script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다