레일스 3에서 JQuery를 사용하여 폼에 동적으로 필드를 추가하는 간단한 방법이나 쉬운 방법을 아는 사람이 있습니까?Jquery를 사용하여 Rails3의 폼에 필드를 동적으로 추가/제거
0
A
답변
4
사용중인 서버 측 언어에 관계없이 jQuery 생성자를 사용하여 요소를 만들고 양식 노드에 추가 할 수 있습니다. 예를 들어 :
$('<input>', {
id: 'my_new_input_id',
}).appendTo($('#my_form_id'));
새로운 input
컨트롤을 만들 것입니다 및 ID my_form_id
으로 폼에 추가합니다. 귀하의 코멘트에 관한
편집
: 동적으로 생성 된 요소를 제거하려면이 좋은 방법은 변수에 대한 참조를 저장하는 것입니다. 당신이 호출 할 수있는 일을 .remove()
또는 .detach()
이상 :
var my_new_input_element = $('<input>', {
id: 'my_new_input_id',
}).appendTo($('#my_form_id'));
// ... lots of code
my_new_input_element.remove();
+0
감사합니다 jAndy, 그 일을 추가 - 어떤 생각을 어떻게 필드를 제거하려면? – Elliot
관련 문제
- 1. 레일즈 3의 중첩 모델 폼에 필드를 동적으로 추가하기
- 2. jquery를 사용하여 양식 필드를 반복합니다.
- 3. jQuery를 사용하여 목록에 동적으로 삽입하기
- 4. jQuery를 함께 일부 필드를 jQuery를
- 5. Div를 사용하여 동적으로 JQuery를 사용하여 추가
- 6. 동적으로 jQuery를
- 7. jQuery를 동적으로
- 8. HTML 대신 jQuery를 사용하여 파일을 폼에 업로드해도 안전합니까?
- 9. jquery를 사용하여 활성화 된 필드를 선택하는 방법
- 10. jquery를 사용하여 양식의 각 필드를 흐릿하게 처리하십시오.
- 11. jQuery를 사용하여 입력 태그의 값 필드를 변경하십시오.
- 12. Rails3의 UUID
- 13. JQuery/Javascript로 동적으로 값을 폼에 추가하기
- 14. 버튼 클릭으로 동적으로 텍스트 상자를 폼에 추가합니다.
- 15. Django 폼에 동적으로 필드 추가하기 (그리고 깔끔하게)
- 16. 비활성화 텍스트 필드를 동적으로
- 17. rails3의 드롭 다운 선택을 기반으로 텍스트 필드를 표시/숨기는 방법
- 18. jQuery를 검사기 플러그인 - 나는 폼에 성공적으로 jQuery를 검사기 플러그인을 사용하고
- 19. jquery를 사용하여 동적으로 하이퍼 링크 변경
- 20. django : 동적으로 jquery를 사용하여 주석 양식을 삽입하십시오.
- 21. jquery를 사용하여 페이지로드시 동적으로 텍스트 보여주기
- 22. jQuery를 사용하여 테이블 행을 동적으로 숨기기
- 23. javascript와 jquery를 사용하여 PHP 파일을 동적으로 포함하기
- 24. jquery를 사용하여 동적으로 트위터 위젯을로드 중
- 25. jquery를 사용하여 sql 쿼리를 동적으로 만들려고 시도합니다.
- 26. jQuery를 사용하여 양식 필드를 추가 및 제거하는 방법은 무엇입니까?
- 27. 계수 행 동적으로 jQuery를
- 28. jquery/asp.net mvc를 사용하여 동적으로 생성 된 필드를 게시하는 방법
- 29. Rails3의 Post.count to_sql?
- 30. rspec을 사용하여 rails3의 자원을 테스트하는 경로
.detach() 여기 봐 http://www.pradipchitrakar.com.np/blog/dynamically-add- remove-textfield.html 어쩌면 그게 당신이 원하는 것입니다 – Knight007