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>
내가 일부 사용자 이름을 선택하면 그것을 다른 방법으로 주위를 할 경우 구분자로도 '또는' ' 요소를 선택, 잘 작동, 사용자 이름은 텍스트 영역에 복사됩니다. 텍스트 영역에 일부 사용자 이름을 붙여 넣을 때 모든 항목이 선택 취소되었지만 새 항목이 없습니다.
죄송합니다. 몇 가지 예제 코드를 잊어 버렸습니다. 이 폼은 zend 프레임 워크에서로드되므로,이'$ (document) .ready (function() { $ ("dd # id-element select # id"). attr ({ "multiple": "multiple" "size": 25, "name": "id []"}), }); '을