0
나는 선택 메뉴가 있습니다. 각 옵션은 표시된 이미지를 전환합니다. 각 옵션에 연결된 고유 한 너비와 높이를 실제 표시된 이미지 위에 어떻게 번역 할 것인지 묻습니다. 나는 폭과 높이가 옵션 태그에 영향을 미치지 않는 한 근거가 없다는 것을 이해합니다. 그러나 나는 말하고있는 것처럼 말입니다. 내가 말하고자하는 것은, 첨부 된 옵션이있을 때 이미지가 적용되고 재생되는 각 옵션에 값을 연결하고 보세가된다는 것입니다. to가 선택됩니다. 과 같은 변수를 추가하는 것과 같습니다. var c = a.getElementByTagName ('class'). getAttributeNode ('width'). value; ??너비와 높이와 같은 옵션에 값 부착하기
나는 정말로 모른다. 옵션에 값을 연결하려면 어떻게합니까? 바람직하게는 모든 옵션에 새로운 클래스를 추가하지 않고 방법이 있습니다. 지금까지의 코드는 src 만 변경할 수 있습니다.
질문에 대한 이해를 바랍니다. 나는 최선을 다해 설명했다. 어떤 도움을 주셔서 감사합니다.
<!DOCTYPE html>
<html>
<body>
<select id='select1'>
<option value='pic_unavail' selected width='300' height='300'>-- Choose --</option>
<outgroup label="Animals">
<option value='pic_monkey' id='monkey' width='50' height='100'>Monkey</option>
<option value="pic_cat" id='cat' width='100' height='200'>Cat</option>
<option value="pic_dog" id='dog' width='200' height='250'>Dog</option>
</outgroup>
</select>
<img id="pic">
<script type="text/javascript">
document.getElementById("select1").onchange = select;
var a = document.getElementById('select1')
var b = document.getElementById('pic');
function select() {
b.src = this.value;
return
}
</script>
</body>
</html>