javascript - jQuery 在排序后选择了一个选项

Question

大家好，我在选择选项时遇到问题。

我有这个，我排序，没关系，但问题是所选项目是最后一个选项，我想选择所选项目，但如何选择？我无法选择选项值，因为我动态生成选项项:

$('#MySelect').html($('#MySelect option').sort(function (a, b) { return a.text == b.text ? 0 : a.text < b.text ? -1 : 1;}));

// I tried this ?
$('#MySelect option:selected').prop('selected', true);

<select id="MySelect">
  <option value="D">D</option>
  <option value="B">B</option>
  <option value="A" selected>A</option>
  <option value="C">C</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我想选择没有值的所选项目，但仅感谢“selected”
感谢您的帮助

Answer 1

在使用.sort()之前获取所选值，然后使用$('#MySelect').val(t);再次设置选择。 (t = 所选值)

var t = $('#MySelect option:selected').val();

$('#MySelect').html($('#MySelect option').sort(function(a, b) {
  return a.text == b.text ? 0 : a.text < b.text ? -1 : 1;
}))

$('#MySelect').val(t);

下面的示例

var t = $('#MySelect option:selected').val();

$('#MySelect').html($('#MySelect option').sort(function(a, b) {
  return a.text == b.text ? 0 : a.text < b.text ? -1 : 1;
}))

$('#MySelect').val(t);

<select id="MySelect">
  <option value="D">D</option>
  <option value="B">B</option>
  <option value="A" selected>A</option>
  <option value="C">C</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>