당신에게로 떠나는 꿈속여행 - 꿈속나라(http://www.inyourdream.net) 입국하기 | 영주권 신청
  • 몸부림 골라골라
  • 소근소근
  • 도란도란
  • 낙서마당
  • 착각한아이
  • 숫자맞추기
  • 소원빌기
  • 흔적남기기
  • 꿈속여행
  • 친구집 놀러가기
  • 모두드림님의 홈
  • 在祐님의 홈
  • 현우님의 홈
  • 별아해님의 홈
  • 햇살님의 홈
  • 이나니님의 홈
  • 유리알님의 홈
  • 냠냠이님의 홈
  • 꼭지님의 홈
  • 대성님의 홈
  • 在祐 / 2016-10-14 / 오후 1:30:08 / 61.78.108.65
    조회수 : 513
    [추천] multiple selectbox
    <ul>
    <li onclick="this.parentNode.removeChild(this);">
    <input type="hidden" name="ingredients[]" value="Cheese" />
    Cheese
    </li>
    <li onclick="this.parentNode.removeChild(this);">
    <input type="hidden" name="ingredients[]" value="Ham" />
    Ham
    </li>
    <li onclick="this.parentNode.removeChild(this);">
    <input type="hidden" name="ingredients[]" value="Mushrooms" />
    Mushrooms
    </li>
    </ul>
    <select onchange="selectIngredient(this);">
    <option value="Cheese">Cheese</option>
    <option value="Olives">Olives</option>
    <option value="Pepperoni">Pepperoni</option>
    ...
    </select>

    function selectIngredient(select)
    {
    var option = select.options[select.selectedIndex];
    var ul = select.parentNode.getElementsByTagName('ul')[0];

    var choices = ul.getElementsByTagName('input');
    for (var i = 0; i < choices.length; i++)
    if (choices[i].value == option.value)
    return;

    var li = document.createElement('li');
    var input = document.createElement('input');
    var text = document.createTextNode(option.firstChild.data);

    input.type = 'hidden';
    input.name = 'ingredients[]';
    input.value = option.value;

    li.appendChild(input);
    li.appendChild(text);
    li.setAttribute('onclick', 'this.parentNode.removeChild(this);');

    ul.appendChild(li);
    }
     
    ▶ 관련 싸이트
  • http://odyniec.net/articles/multiple-select-fields/
  • Byte * 200 Byte 이내로 입력하세요 이름 : 패스워드 :