<複数選択>-1つの項目のみを選択できるようにする方法は？

<SELECT multiple>複数のオプションを持つフィールドがあり、同時に1つのオプションのみを選択できるようにしたいのですが、ユーザーはCTRLキーを押しながら一度に複数のアイテムを選択できます。

それを行う方法はありますか？（「複数」を削除したくありません）。

単に複数選択にするのではなく、次のようにサイズを設定します。

  <select name="user" id="userID" size="3">
    <option>John</option>
    <option>Paul</option>
    <option>Ringo</option>
    <option>George</option>
  </select>

作業例：https : //jsfiddle.net/q2vo8nge/

ユーザーが一度に1つのオプションのみを選択する必要がある場合は、「複数」を削除するだけです。通常の選択を行います。

  <select name="mySelect" size="3">
     <option>Foo</option>
     <option>Bar</option>
     <option>Foo Bar</option>
     <option>Bar Foo</option>
  </select>

フィドル

multiple属性を削除したくないのですか？この属性の目的は、指定されたselect要素から複数の値を選択できることをブラウザに指定することです。単一の値のみを選択する必要がある場合は、属性を削除すると、ブラウザは単一の選択のみを許可することを認識します。

お手持ちのツールを使用してください。それが目的です。

デフォルトでは1つのオプションのみが必要ですが、ユーザーはCTRLキーを押して複数のオプションを選択できます。これは（すでに）SELECT multipleがどのように動作するかを正確に示しています。

これを参照してください：http : //www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

質問を明確にしていただけませんか？

私はグーグルを検索した後にここに来て、私の終わりに何かを変えます。

したがって、このサンプルを変更するだけで、実行時にjqueryで動作します。

$('select[name*="homepage_select"]').removeAttr('multiple')

http://jsfiddle.net/ajayendra2707/ejkxgy1p/5/

<select name="flowers" size="5" style="height:200px">
 <option value="1">Rose</option>
 <option value="2">Tulip</option>
</select>

このシンプルなソリューションでは、オプションのリストを視覚的に取得できますが、選択できるのは1つだけです。

私はselect \ multi-selectといくつかの取引をしましたこれは私にとってトリックでした

<select name="mySelect" multiple="multiple">
    <option>Foo</option>
    <option>Bar</option>
    <option>Foo Bar</option>
    <option>Bar Foo</option>
</select>

答えは遅いですが、他の人を助ける可能性があります。「複数」属性を削除せずにそれを行う方法を次に示します。

$('.myDropdown').chosen({
    //Here you can change the value of the maximum allowed options
    max_selected_options: 1
});