Chosen js 没有将选项标记为已选择

Question

我在 MVC 表单上放置了一个多 select 列表框并设置了选择的 js，我能够 select 选项但是当我提交表单时没有提交任何值，当我检查标记我开始知道 selected 选项没有标记为 selected，所以下面是期望值

<option value="1">Test 1</option>
<option value="2" selected>Test 2</option>
<option value="3" selected>Test 3</option>

但是我看到的是附图。

Answer 1

Chosen 不会将 selected 属性添加到您的 html。如果您需要找出选择了哪些值，请使用 $(selector).val().

例如，请参见下文。在这个例子中，我正在初始化一个选定的多选并将它的选定值分配给一些输出来演示 $(selector).val().

$(document).ready(function() {
  $(".chosen-select").chosen();

  $(".chosen-select").on("change", function() {
    let chosenVal = $(".chosen-select").val();
    $("#out").text(chosenVal);
  });
});

.chosen-select {
  width: 300px;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.js"></script>

<select data-placeholder="Choose a Country..." class="chosen-select" multiple="">
  <option value=""></option>
  <option value="United States">United States</option>
  <option value="United Kingdom">United Kingdom</option>
  <option value="Afghanistan">Afghanistan</option>
  <option value="Aland Islands">Aland Islands</option>
  <option value="Albania">Albania</option>
  <option value="Algeria">Algeria</option>
</select>

<p id="out"></p>

Chosen js 没有将选项标记为已选择

Chosen js is not marking options as selected

form-submit

jquery-chosen