JQUERY

    셀렉트(select) change 이벤트 (split)
    • 조회수 1,858
    • 작성일 2016-05-28
    •  

    <script type="text/javascript">
    $(document).ready(function () {
      $('#yj_com').change(function() {
          //alert(this.value); // 선택된 value를 출력한다.
          $("#yj_com option:selected").each(function(){
            //alert($(this).val());
            var yjTEXT = $(this).val();
            yjTEXT  = yjTEXT.split("|");
            $("#yj_company").val(yjTEXT[0]);
            $("#yj_num").val(yjTEXT[1]);
          });
      });
    });
    </script>


    <tr>
      <th width="200">상호명</th>
      <td>
        <input type="text" id="yj_company" class="vali_text" alt="상호명" name="yj_1" value="" style="width:270px;" />
        &nbsp;&nbsp;
        <select id="yj_com">
        <option value="">##선택하세요##</option>
        <option value="옹달샘물|8521-9632">옹달샘물</option>
        <option value="지오그린|7452-8563">지오그린</option>
        </select>
      </td>
    </tr>
    <tr>
      <th width="200">고객번호</th>
      <td>
        <input type="text" id="yj_num" class="vali_text" alt="고객번호" name="yj_2" value="" style="width:270px;" />
      </td>
    </tr>