Question

私は何かハッキリしていることをやり遂げようとしています。

私は、ページが他のいくつかのデータのオフに基づいてロードされたとき、私は最初のオプション値を設定することがあります、Webページ上に

var myObj = $("<form action='action_page.php'>" + 
    "<select name='cars'>" + 
    "<option value='volvo'>Volvo</option>" + 
    "<option value='saab'>Saab</option>" + 
    "<option value='fiat'>Fiat</option>" + 
    "<option value='audi'>Audi</option>" + 
    "</select>" + 
    "</form>") 

$('.location').append(myObj) 

をドロップダウンメニューを注入しています。

たとえば、私は車のプロファイルを見ていて、いくつかのバックエンドサービスは車のタイプを推測しています。

ページが読み込まれると、ドロップダウン値はVolvoに設定されます。しかし、間違っていて実際にはSaabです。だから、私はSaabにドロップダウンメニューのオプションを変更します。

この変更をDOM に反映させる方法はありますか？は送信ボタンを押す必要はありませんか？

Answer 1

はjQueryを使ってイベントリスナーを追加します。

$('.location').append(myObj) 
$('select[name=cars]').change(function() { 
    var selectedCar = $(this).val(); 
    // update DOM based on selectedCar 
});