ドロップダウン選択があります->オプション "id="select_proptype" その値はjquery関数で動的に生成されます...他の選択があります--->オプションもありますが、動的選択位置は次の入力の上になります( html 5) タグ ... この動作は IE 10 と IE 9 のみです ....
これが私のコードです....
<div class="criteria_block">
<span><label class="search_form_Label" for="proptype">Property Type</label></span>
<span><select class="inputStyle_class" id="select_proptype" name="type" style="width:165px;"></select></span>
</div>
<div class="criteria_block">
<span><label class="search_form_Label default_font" for="postcodes">Post Codes</label></span>
<span><input class="inputStyle_class form_search_textbox" id="postcodes" style="width:160px;" name="postcodes" type="text" /></span>
</div>
HTMLで関数を呼び出してすべての値を取得しています...
$(document).ready(function () {
$(this).SearchForm();
});
jquery プラグイン関数 ..........
$.fn.SearchForm = function () {
//process the code//
//generate option values
for (var val in plugin_Global_Variables.F_property_Type) {
$("#select_proptype").append('<option value="' + plugin_Global_Variables.F_property_Type[val] + '">' + plugin_Global_Variables.F_property_Type[val] + '</option>');
}
}
css----------------
.criteria_block {
display:block;
width:300px;
height:40px;
margin-top:10px;
color:#4E4E4E;
border:thin;
border-color:grey;
}
.search_form_Label {
display:inline-block;
width:100px;
font-weight:500;
margin-left:10px;
line-height:40px;
}