에는 드롭 다운 목록에 텍스트 상자 목록을 연결하고 동기화 할 수있는 플러그인이 있습니다.

Question

나는 html 테이블의 열에 텍스트 상자 목록을 가지고 있습니다. 표 옆에 '추가'및 '제거'버튼이있어 클릭하면 새 행이 추가되거나 기존 행이 삭제됩니다.

내가 드롭 다운 그래서 텍스트 상자의 목록의 값 밖으로 목록, 기본적으로 텍스트 상자의이 배열에 연결되어 내 페이지에서 선택하고 싶은 : 내가 텍스트 상자를 삭제하면

1. 을 그 값을 내 드롭 다운에서 제거해야합니다
2. 새 행 (따라서 새 텍스트 상자)을 추가하면 해당 값이 내 선택에 추가됩니다.
3. 텍스트 상자 중 하나에서 이름을 편집하면 선택 드롭 다운이 업데이트됩니다 자체 편집 키 입력과 동기화됩니다.

이 syncronization에 도움이되는 jquery 플러그인이 있습니까? 미친 듯이 복잡 해지는 일없이 이것을하는 방법에 대한 아이디어가 있습니까?

Answer 1

글쎄, 나는 이와 같은 특정 과제에 대해 스스로 생각할 수 있다고 생각한다. 알고리즘으로 당신을 도우 려합니다.

1. 페이지로드시, 구문 분석 테이블에서 모든 텍스트 상자와 그 값을 가져온 다음 해당 값을 사용하여 드롭 다운 요소를 작성하십시오. 이 작업에는 plugin이 도움이됩니다. 새 행 및 편집 기존의 텍스트 상자에 값을 추가하기위한
행이 삭제
2. 는
3. 이 같은 일을 드롭 다운에서 옵션을 삭제하려면 위의 plugin을 사용 후, 삭제 버튼에 이벤트 핸들러를 넣어. 입력하는 동안 드롭 다운의 옵션을 업데이트하는 것이 아니라 텍스트 상자를 업데이트하기 위해 클릭해야하는 텍스트 상자 옆에 단추를 두는 것이 좋습니다. 그러면 드롭 다운의 옵션을 업데이트하기 위해 해당 단추에서 클릭 이벤트를 바인딩하기 만하면됩니다.

여전히 문제가 있다면 여기에 코드를 붙여 넣으십시오. 그러면 다른 코드가 도움이 될 수 있습니다.

이 아이디어가 도움이되기를 바랍니다.