Javascript 在IE 10，9中选择选项（HTML5标记）在下一个输入（HTML5标记）上的位置

我有下拉选择-->选项“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>

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>');
  }
}

您正在使用

.append（）

添加内容-这会将您编写的代码添加到

元素的开头

您要寻找的是，通过替换整个html来替换整个项目集，如下所示：

$("#select_proptype").html('<option value="' + plugin_Global_Variables.F_property_Type[val] + '">' + plugin_Global_Variables.F_property_Type[val] + '</option>');

或者，如果您知道它始终是列表中的第一个，则可以这样简单地替换它：

$('#select_proptype option:first').remove();
$('#select_proptype').append('...');

---

css for.search\u form\u标签的宽度设置为100px，您的标签在哪里

 <span><label class="search_form_Label" for="proptype">Property Type</label></span>

---

您真的需要更清楚地了解您的问题，预期的输出是什么？您如何更新选择选项？etci已更新我的问题…我很抱歉我的问题不完整…我认为问题出在其他地方！！！我已禁用所有动态代码在选择标记中放置硬代码选项值，并且仍然是相同的行为！！！

$("#select_proptype").append('<option id="dynamicoption" value="' + plugin_Global_Variables.F_property_Type[val] + '">' + plugin_Global_Variables.F_property_Type[val] + '</option>');

$('#dynamicoption').remove();
$('#select_proptype').append('...');

$('#select_proptype option:first').remove();
$('#select_proptype').append('...');

 <span><label class="search_form_Label" for="proptype">Property Type</label></span>

 .search_form_Label {
    display:inline-block;
    width:100px;             // change width here to 100px +
    font-weight:500;
    margin-left:10px;
    line-height:40px;
  }