0

Como posso iniciar uma selectbox do tipo select2 com a primeira opção selecionada como disabled?

HTML:

<div class="form-group">
   <select name="tipoOperacao" id="tipoOperacao" class="selectTipo2" style="min-width : 100%">
     <option value="0" selected disabled>Selecionar...</option> 
   </select>
</div>

JAVASCRIPT:

$(".selectTipo2").select2();

O que se passa é que com a propriedade disabled na option, ela não me aparece selecionada:

inserir a descrição da imagem aqui

Já tentei a seguinte opção e também não funciona:

<option value="0" selected="selected" disabled="disabled">Selecionar...</option>

Como faço para montar um select2 com a primeira opção desabilitada?

0

1 Resposta 1

4

O select2 não é javascript e sim um plugin que utiliza o Jquery.

Dê uma olhada de como você terá que colocar os scripts e Css abaixo.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" type="text/css">
    <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.2/css/select2.min.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
        <div>

            <div class="form-group">
                <select name="tipoOperacao" id="tipoOperacao" class="selectTipo2" style="min-width: 100%">
                    <option value="0" selected disabled>Selecionar...</option>
                    <option value="1">Teste</option>
                </select>
            </div>
        </div>
    </form>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.2/js/select2.min.js"></script>
    <script type="text/javascript">
        $("#tipoOperacao").select2();
    </script>
</body>
</html>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .