나는 이것을 알아낼 수 없습니다. ...Jquery - 테이블의 선택 메뉴 복제
'x'행이있는 테이블이 있습니다. 버튼을 클릭하면 마지막 테이블 행을 복제하고 그 뒤에 추가하려고합니다. 지금까지 문제 없습니다. 하지만 모든 테이블 행에 select (selectmenu 스타일 사용)가 있습니다.
여기 빠른 예제를 만들었습니다 : http://jsfiddle.net/u8Lpe/
당신은 클릭하면 새 추가 된 행에 대한 옵션을 선택할 수 없습니다 '테이블 행 추가'. (그냥 복제 된 행의 값을 변경합니다)
나는 많은 다른 것들을 수색하고 시도했지만, 지금까지 나는 그것을 고칠 수 없었다. (새로 고침/파괴 옵션 등 사용)
누군가 나를 도울 수 있기를 바랍니다.
코드에 몇 가지 문제가있었습니다. 페이지 마크 업과 함께 렌더링하는 첫 번째 행의 경우 내부의 select 요소에 selectmenu 플러그인을 적용합니다. selectmenu은 몇 가지 추가 마크 업과 함께 이벤트 및 스타일을 거의 부착하지 않습니다.
selectmenu 플러그인이 적용된이 선택 요소가 포함 된 tbody을 복제 (인수로 true 전달)하면 모든 것이 복제됩니다. true 인수는 요소에 적용된 이벤트를 복제하도록 jQuery에 지시하지만 필수는 아닙니다. 당신이해야 할 무엇
는 false를 전달하여 clone하고 복제 후 플러그인을 추가하는 span 추가 및 인라인 스타일을 제거하고 새 행을 선택 요소에 selectmenu를 호출합니다.
나는 당신의 피들에서 이것을 수정했습니다. 네 말이 맞아
ID가있는 요소를 복제하고 있습니다 (ID가 고유해야하므로 좋지 않습니다). DOM에 다시 삽입하기 전에 ID를 변경해야합니다. 동시에 새로운 요소를 선택 메뉴로 만들 수 있습니다.
, 그건 아주 나쁜입니다. 대신 클래스로 변경해야한다고 생각합니다. 하지만 문제가 해결되지 않는 것보다 (http://jsfiddle.net/u8Lpe/2/), 제대로 작동하도록하기 위해해야 할 일을 제시 할 수 있습니까? (나는 이것에서 프로가 아니다) 다시 한번 감사드립니다. – user985911
건배! 완벽하게 작동합니다, 많이 고마워요. 비슷한 문제가있는 사용자의 경우 위의 데모에서 '거짓'대신 '참'이라는 메시지가 표시됩니다. 또한 어떤 이유로 스팬 대신 div를 사용해야했습니다. 감사합니다. – user985911