2012-01-27 5 views
0

선택 메뉴의 항목이 추가 된 동일한 행의 선택이 해제 된 경우 비슷한 항목이 클릭되면 아래 표에 새 행이 추가되는 선택 상자가 있습니다. 테이블에서 제거됩니다.다중 선택을 클릭하여 표에 행을 추가하는 방법

은 내가 jsfiddle은 내가 뭘하려고 오전 자세한 설명이있어 http://jsfiddle.net/Wdj6G/

당신은 onchange를 이벤트에 대한 당신의 선택 상자를 듣고, 선택한 항목에 대한 DOM 요소를 만듭니다에 저장할 수 있습니다
+1

DOM이를 보라 [변화()] (http://api.jquery.com/change/)과 :

도움 이것 좀보세요 // api.jquery.com/append/) – ManseUK

+0

이것은 이해가되지 않습니다. 즉, 테이블에는 단 한 행만 표시됩니다. 이것은 한 번에 하나의 항목 만 선택 요소가 선택되어 있기 때문입니다 .... – ManseUK

+0

즉, 드롭 다운에서 어떤 값을 선택했는지에 따라 단일 행을 볼 수 있습니까? – Supr

답변

1

전역 개체 (선택 값을 키로 사용)를 테이블에 추가하십시오. 이 항목의 선택을 취소하면 전역 객체를 사용하여 테이블에서 요소를 제거 할 수 있습니다.

1

선택 상자가 변경되면 선택 상자에서 값과 표시된 텍스트를 가져옵니다. 다중 선택의 경우 모든 선택된 항목 수를 반복합니다. 각각 하나씩 가져 가라. 요소 TR과 TD를 생성합니다. TD에 값을 추가 한 다음 TR에 추가하고 마지막으로 table.simailar에 항목을 선택 취소하면 테이블에서 ChildElement (Row)를 제거합니다. ([) (추가] HTTP를

관련 문제