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>