javascript - 選択したドロップダウンが適切にスタイル設定されていません

Question

これが私のコードです：

<link href="Content/chosen.css" rel="stylesheet" type="text/css"/>

<div>
<select id="chzn-select" data-placeholder="Select an option...">
    <option value=""></option>
    <option value="Option1">Option 1</option>
    <option value="Option2">Option 2</option>
</select>
</div>

<script type="text/javascript" src="../Scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" src="../Scripts/chosen.jquery.js"></script>
<script type="text/javascript" src="../Scripts/chosen.jquery.min.js"></script>
<script type="text/javascript">

$("#chzn-select").chosen();

</script>

結果は次のとおりです。

オプション 1 またはオプション 2 を「選択」すると、「オプションを選択...」というラベルがある場所に表示されます。

Answer 1

以下のコードを試してください。

<link href="http://harvesthq.github.com/chosen/chosen/chosen.css" rel="stylesheet" type="text/css"/>

<div>
 <select id="chzn-select" data-placeholder="Select an option...">
  <option value=""></option>
  <option value="Option1">Option 1</option>
  <option value="Option2">Option 2</option>
 </select>
</div>

<script type="text/javascript">
    $("#chzn-select").chosen();
</script>

これがJSFIddleです（コードの動作デモ）

selected.jquery.js がコードに 2 回含まれています。また、ディレクトリ構造に従って、chosse.css パスをコードで修正する必要があると思います。