2014-02-18 2 views
0

Javascript/jQuery의 함수를 작성 중입니다. 이 함수는 텍스트 상자 "X"에 ',', ',', ''이라는 사용자 이름을 복사 할 때 "선택"요소 "Y"에서 사용자 이름을 검색하고 선택합니다.javascript/jquery로 자동 선택 선택 옵션

자바 스크립트/jQuery를 :

$(document).ready(function() { 
    $("dd#id-element select#id").attr({"multiple": "multiple", "size": 25, "name": "id[]"}); 
}); 
$(function() { 
    $("select#id").change(function() { 
        var selected_id = $(this).val(), 
          selected_name = new Array(); 
        $(this).find("option:selected").each(function() { 
         selected_name.push($(this).text()); 

        }); 

        $("textarea#id_field").val(selected_id); 
        $("textarea#name_field").val(selected_name); 
        console.log(selected_id, selected_name); 
       }); 
       $("textarea#name_field").keyup(function() { 
     $("select#id option").removeAttr("selected"); 
     var names_raw = $(this).val(), 
      names = names_raw.replace(/(, | |,)/gi, ";"), 
      selected_name = names.split(";"), 
      selected_id = new Array(); 
     $.each(selected_name, function(i, value) { 
      if (value != "" && value != null) { 
       $("select#id option[label='" + value + "']").attr("selected", true); 
       selected_id.push($("select#id option[label='" + value + "']").val()); 
      } 
     }); 
    }); 
}); 

HTML 코드 :

<select name="id" id="id"> 
         <option value="1092" label="00lara00">00lara00</option> 
         <option value="5105" label="010201e">010201e</option> 
         <option value="1725" label="0411dennis">0411dennis</option> 
         <option value="1795" label="051259">051259</option> 
         <option value="2281" label="0815Timmey">0815Timmey</option> 
         <option value="3337" label="0vlinder0">0vlinder0</option> 
         <option value="127" label="1001gece">1001gece</option> 
         <option value="3693" label="111nizza">111nizza</option> 
         <option value="821" label="114helen">114helen</option> 
         <option value="2887" label="1212whopper">1212whopper</option> 
         <option value="5564" label="123boo">123boo</option> 
</select> 
<textarea name="name_field" id="name_field"></textarea> 

내가 일부 사용자 이름을 선택하면 그것을 다른 방법으로 주위를 할 경우 구분자로도 '또는' ' 요소를 선택, 잘 작동, 사용자 이름은 텍스트 영역에 복사됩니다. 텍스트 영역에 일부 사용자 이름을 붙여 넣을 때 모든 항목이 선택 취소되었지만 새 항목이 없습니다.

+0