입력란의 value 속성 HTML을 변경하는 방법은 무엇입니까?

Question

내가 할 수있게하려면 jQuery을 사용하여 입력 텍스트 상자의 "값 ="을 변경하십시오. 궁극적 인 목표는 .html()을 사용하여 양식을 잡아서 입력 상자에 입력 한 값과 함께 모든 코드를 얻는 것입니다.

<span id="example"> 
<input type="text" value="" id="rate" /> 
</span> 

입력 창에 사용자가 입력 내가 .val를 사용하여 데이터를 저장하지만 내가 원하는 것은 내가 재 수있는 HTML을 잡아입니다 수있는 경우 : 예를 들어

나는이 있습니다 값이있는 입력 상자를 표시하십시오.

사용자가 "bob"을 입력 할 경우. 그럼 내가 사용

<input type="text" value="" id="rate" /> 

내가 원하는 것은 :

<input type="text" value="bob" id="rate" /> 

가 어떻게 이것을 달성 할

var test = $('#example').html(); 

변수 '테스트'다음 보유?

Answer 1

궁극적 인 목표는 양식 .html로 사용하여() 그래서 입력 상자에 입력 한 값과 함께, 모든 코드를 잡아 것입니다.

이 전략을 사용하면 패자입니다. 양식 값은 HTML 속성과 별도로 저장된 별도의 데이터 레이어입니다. HTML value 특성은 개체의 defaultValue 속성에 반영됩니다. 은이 아니고 value 속성입니다.

양식 컨트롤의 값 또는 선택/선택을 설정해도 HTML DOM 특성은 변경되지 않습니다. 결과적으로 innerHTML 또는 html()을 사용하여 양식을 직렬화하면 IE 이외의 양식 값이 제공되지 않으므로 버그가 발생합니다.

(그리고 변경된 이름 serialising 양식에 대한 IE의 다른 버그가 그냥 직렬화를 사용하지 마십시오;. value 또는 val()에서 값 자체를 기억 훨씬 더 신뢰할 수 있습니다.)

Answer 2

id rate로 입력 요소의 값을 변경하려면이 값을 사용할 수 있습니다.

$("#rate").val(newvalue); 

내가 가진

$("#rate").val("bob"); 

Answer 3

당신의 코드를 확인 밥 사용에 값을 설정하고 그것을 잘 노력하고 있습니다. 누락 된 유일한 것은 입력 된 파일의 유형입니다. 당신은

$('#example')[0].innerHTML 

그리고 두 번째는 도움이 될 것입니다

$("#rate")[0].outerHTML 

희망입니다 다음과 같은 일을 시도 할 수 있습니다.

Answer 4

저는이 질문이 : SO138893: jQuery html() in firefox (uses .innerHTML) ignores DOM changes의 중복이라고 생각합니다. 거기에 대한 답은 문제를 해결해야합니다. 나는이 새로운 질문이 삭제되어야한다고 생각하지 않는다. 그것은 다른 누군가가 다른 사람에게가는 길을 찾도록 도울 수있다.

Answer 5

실제 HTML을 저장하지 않고 속성을 저장하는 것은 어떻습니까?

var attr = { 
'value' : $('#rate').val(), 
'type' : $('#rate').attr('type') } 
//later on in the code or something: 
var inp = $('<input />').attr('id', 'rate').attr(attr);