선택에 따라
본문
div 달리 나오는건데요....
<style>
.inv {
display: none;
}
</style>
<select id="target">
<option value="">상품선택</option>
<option value="content_1">1번 상품</option>
<option value="content_2">2번 상품</option>
<option value="content_3">3번 상품</option>
<select>
<div id="content_1" class="inv">Content 1</div>
<div id="content_2" class="inv">Content 2</div>
<div id="content_3" class="inv">Content 3</div>
<script>
document
.getElementById('target')
.addEventListener('change', function () {
'use strict';
var vis = document.querySelector('.vis'),
target = document.getElementById(this.value);
if (vis !== null) {
vis.className = 'inv';
}
if (target !== null ) {
target.className = 'vis';
}
});
</script>
------------------------------------------------------------------
div1, 2, 3~15까지 선택에 따라
<div id="content_1" class="inv"> <input type=text name="item[]" value="<?php echo $item[$i]; ?>" > </div>
예를 들어 div3을 선택하면 인풋속 value값 <?php echo $item[$i]; ?>" > 도
어떻게 하면 <?php echo $item[3]; ?>이 되게 할 수 있을까요?
<div id="content_3" class="inv"> <input type=text name="item[]" value="<?php echo $item[3]; ?>" > </div>