jQueryの変更を<select>に変更する方法

Question

私は大きなダイナミックフォームを使ってプロジェクトを進めています。フォームはjQueryで操作し、HTMLとして保存することができます（PDFに出力するため）。

<select>ドロップダウンを変更すると、HTMLに変更が反映されないため、フォームが保存されるときに間違ったオプションが表示されます。

コード例：http://jsfiddle.net/BaronGrivet/n4bxzr49/1

<p>Original Form</p> 
<form id="form"> 
<select id="select"> 
    <option value="apple">Apple</option> 
    <option value="banana">Banana</option> 
    <option value="carrot">Carrot</option> 
</select> 
</form> 
<p>Form Saved then Loaded via jQuery</p> 
<div id="output"></div> 

Javascriptを：

$('#select').val('carrot'); 
var formHTML = $('#form').html(); 
$('#output').html(formHTML); 

戻り値：

は、この予想される動作ですか？ jQueryの<select>ドロップダウンの値を設定するための最良の選択肢は何ですか？それはHTMLにも表示されますか？

Answer 1

selected属性を手動で設定する必要があります。あなたはどの<input>ことにより、属性valueはないだろうと同じ問題を持っています

$('option:selected').attr('selected',true); 

注：DOM

で選択propertyは何かなどを行うことができます変更するときには、HTMLに反映されませんユーザーの変更が反映されます。確認無線の

$('input:text').attr('value',function(){ 
    return this.value; 
}); 

とあなたのような何かを属性checkedを設定する必要があります]チェックボックス：属性値とあなたのような何かを行うことができ、テキスト入力の場合valueプロパティ

間の違いがあります

$('input:checked').attr('checked',true) 

言い換えれば、あなたの質問に答えるために、あなたが見ている動作は期待通りです

変更がドロップダウンに行われたとき、あなたが出力 `div`