動的に入力されたセレクトボックス値を選択してください。ajax

Question

selectの要素には、別のselectが設定されています。すべて正常に動作しますが、新しいselectの値を配列の最初の項目に自動的に設定する必要があります。

$.get($(this).data('url'), { 
    option: $(this).val() 
}, function(data) { 
    var subcat = $('#models'); 
    var options = " "; 
    subcat.empty(); 
    $.each(data, function(index, element) { 
     options += "<option value='" + element.id + "'>" + element.name + "</option>"; 
    }); 
    subcat.append(options); 
}); 

私がしたいのは、選択したモデルの値を最初の項目に設定することです。

Answer 1

option変数は単なる文字列であり、そのような文字列をsubcatオブジェクトに追加することはできず、自動的に<option>になります。

代わりにあなたの$.each()関数内でこれらのいずれかの方法を試してみてください。

subcat.append($("<option value='" + element.id + "'>" + element.name + "</option>")); 

か：

subcat.append($("<option/>").val(element.id).text(element.name)); 

最初のオプションはデフォルトで選択されなければなりません。

Fiddle