<SELECT multiple> - como permitir apenas um item selecionado?

Eu tenho um <SELECT multiple>campo com várias opções e quero permitir que ele tenha apenas uma opção selecionada ao mesmo tempo, mas o usuário pode manter pressionada a tecla CTRL e selecionar mais itens de uma só vez.

Existe alguma maneira de fazer isso? (Não quero remover 'múltiplo').

Apenas não faça dele um múltiplo selecionado, mas defina um tamanho, como:

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

Exemplo de trabalho: https://jsfiddle.net/q2vo8nge/

Se o usuário selecionar apenas uma opção de uma vez, basta remover o "múltiplo" - faça uma seleção normal:

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

Violino

Por que você não deseja remover o multipleatributo? O objetivo inteiro desse atributo é especificar para o navegador que vários valores podem ser selecionados a partir do selectelemento especificado . Se apenas um único valor for selecionado, remova o atributo e o navegador saberá permitir apenas uma única seleção.

Use as ferramentas que você possui, é para isso que servem.

Você deseja apenas uma opção por padrão, mas o usuário pode selecionar várias opções pressionando a tecla CTRL. Isto é (já) exatamente como o múltiplo SELECT deve se comportar.

Veja isto: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

Você pode esclarecer sua pergunta?

Eu estou voltando aqui depois de pesquisar no google e mudar de coisa no meu final.

Então, acabei de alterar este exemplo e ele funcionará com o jquery em tempo de execução.

$('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>

Esta solução simples permite obter visualmente uma lista de opções, mas poder selecionar apenas uma.

Eu tive algumas relações com o select \ multi-select, foi isso que fez o truque para mim

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

Tarde para responder, mas pode ajudar outra pessoa, eis como fazê-lo sem remover o atributo 'múltiplo'.

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