46
Pode desabilitar os eventos do mouse, teclado e touch do select usando apenas css, assim o campo terá apenas a aparência e comportamento de desabilitado, porém ele continuará habilitado.
pointer-events: none - Desabilita os eventos APENAS do mouse no elemento, qualquer ação tomada com o mouse sobre o elemento não terá qualquer efeito.
touch-action: none - ...
respondida 12/05/16 às 18:35
Pedro Camara Junior
6.61111 medalhas de ouro1515 medalhas de prata5050 medalhas de bronze
15
Uma opção também, seria testar o valor para cada option e imprimir selected quando corresponder, exemplo:
<label>Tipo Beneficiario: </label> <span> <?php echo $TipoBeneficiario; ?></span>
<div class="">
<select name="tipoBeneficiario">
<option value="0" <?=($TipoBeneficiario == 'Selecione')?'selected':''?...
respondida 1/07/14 às 20:56
abfurlan
10,4mil22 medalhas de ouro1919 medalhas de prata4343 medalhas de bronze
12
Visualmente falando o resultado é o mesmo, mas a intenção é diferente, as tags html servem para marcação, como o próprio nome sugere, ou seja, ela delimita o conteúdo, o html serve para separar as partes.
<del>
Um texto que uma parte foi deletada, e uma nova parte foi inserida.
<s>
Marca um texto que não esta correto
Fonte
Apesar do ...
respondida 7/12/18 às 16:50
Wictor Chaves
8.37211 medalhas de ouro1818 medalhas de prata5050 medalhas de bronze
10
Assumindo que o valor da caixa de selecção está contido na variavel $TipoBeneficiario, para que possas marcar determinada opção da caixa de selecção como selected deverás comparar cada uma das opções com o valor presente na variável.
Para o teu caso, parece que estás a guardar a legenda escolhida ao invés do valor da selecção. Assim sendo, podes fazer a ...
respondida 17/06/14 às 16:37
Zuul
34,8mil1818 medalhas de ouro8686 medalhas de prata180180 medalhas de bronze
9
Considerando que o select disponiveis é o mesmo do seu select vet[], que vem preenchido pelo java, eu faria desse modo:
var lista = [];
pegaLista();
function pegaLista() {
var disponiveis = document.getElementById("disponiveis");
for (i=0; i < disponiveis.options.length; i++) {
lista.push(disponiveis.options[i].text);
}
...
respondida 29/01/15 às 10:28
Franchesco
5.04433 medalhas de ouro2121 medalhas de prata4646 medalhas de bronze
7
As respostas existentes já endereçam o problema de forma eficaz, vou deixar a minha sugestão que visa contemplar a optimização do script bem como controlar mais eficazmente o resultado do mesmo:
<?php
// iniciar a variável que vai conter o HTML
$outputHtml = '';
// preparar uma mensagem de erro para o utilizador
$erro = '<p>Sem resultados ...
respondida 1/07/14 às 21:17
Zuul
34,8mil1818 medalhas de ouro8686 medalhas de prata180180 medalhas de bronze
7
Existem algumas formas de pegar o valor, como não tem seu HTML vou citar algumas:
Se seu formulário não possuir o atributo value, algo como:
<select id="ListaPresenteSelect">
<option>Option1</option>
<option>Option2</option>
<option>Option3</option>
</select>
Você pode pegar direto, assim:
$('#...
respondida 1/11/15 às 2:11
Brunno
3.49133 medalhas de ouro1414 medalhas de prata3333 medalhas de bronze
6
Seu problema é bem simples fabricio, o select deve ser uma tag com os options dentro desta forma:
<select name="exemplo">
<option>Exemplo 1</option>
<option>Exemplo 2</option>
<option>Exemplo 3</option>
</select>
Seu código está gerando um select por loop no while, mude para:
echo "<select name=\"ativo\...
6
Primeira coisa que fiz foi remover os id's "exemplo", já que em uma página html não se pode repetir um id.
Você pode fazer desta forma
var valores = [];
$('#select_exemplo').find('option').each(function() {
var valor = $(this).val();
if(valor != "")
valores.push(valor);
});
console.log(valores);
<script src="https://cdnjs.cloudflare....
respondida 30/01/19 às 16:17
Wictor Chaves
8.37211 medalhas de ouro1818 medalhas de prata5050 medalhas de bronze
5
Essa seria a forma correta de fazer o while para preencher seu select
$query = $con->query("SELECT * FROM pv_tipo_info_questionario");
echo "<select name='ativo'>";
while($reg = $query->fetch_array()) {
echo "<option value='".$reg["cod_tipo_info"]."'>".$reg["tipo_info_questionario"]."</option>";
}
echo "</select>";
Este ...
5
Basta acrescentar no css:
select{
width: 250px;
height: 50px;
font-size: 20px;
background: #f2f2f3;
padding-left: 100px
}
No caso do text-align: center isso não funciona, para alinhar basta usar o padding-left.
E nos options ele receberam a formatação do select porém ficarão com o seu tamanho e outros requisitos padronizados pelo navegador.
respondida 16/03/14 às 23:50
Samir Braga
9.93855 medalhas de ouro2424 medalhas de prata4545 medalhas de bronze
5
Tem alguns erros bem simples de resolver no teu código.
Você está atribuindo o valor do select diretamente na tua var x
var x = document.getElementById("mySelect").value;
No if onde você verifica se é BMW, estão faltando os parenteses
if x.value == ("BMW")
Como resolver?
Você pode corrigir somente no if, da seguinte maneira
if (x == ("BMW"))
Mas se ...
respondida 16/11/15 às 23:27
Pedro Camara Junior
6.61111 medalhas de ouro1515 medalhas de prata5050 medalhas de bronze
5
Você precisa colocar um value nas options, e criar a div com o modal. No exemplo abaixo usei o modal da documentação adaptado ao seu código (veja abaixo clicando em "Executar trecho de código").
$('select').on('change', function () {
if ($(this).val() == "volvo") {
$('#cria-recinto').modal('show');
}
});
<script src="https://ajax....
respondida 13/01/16 às 5:10
gustavox
3.89155 medalhas de ouro4141 medalhas de prata8989 medalhas de bronze
5
Primeiramente está não é uma solução exata para seu problema, é apenas uma forma que você pode usar, uma forma alternativa por assim dizer.
Ok, mas por que? Simplesmente por que é uma "gambiarra" e utiliza o elemento disabled.
Basicamente o que o código abaixo faz é esconder um campo input que vai ter o mesmo valor e o mesmo nome do select.
Chega de papo, ...
respondida 12/05/16 às 18:24
João Victor Gomes Moreira
1.94122 medalhas de ouro1616 medalhas de prata3636 medalhas de bronze
5
Supondo que sua tabela tenha um id para cada coleta, seu código deveria ficar assim:
<p align="left">Nº da Coleta <br>
<?php
echo ("<select name=\"colCodigo\">");
$coletas = new Coletas();
$coletas = $coletas->distinct();
foreach ($coletas as $c)
{
$cod = $c["colCodigo"];
echo ("...
respondida 14/09/16 às 11:04
Amanda Lima
3.41933 medalhas de ouro1717 medalhas de prata4848 medalhas de bronze
4
Uma opção, que particularmente gosto de usar, separando o máximo possível o PHP do HTML:
<?php
$con = new mysqli("localhost", "root", "senha","bancodedados" ) or die (mysql_error());
$query = $con->query("SELECT * FROM pv_tipo_info_questionario");
?>
<select name="ativo">
<?php while($reg = $query->fetch_array()) { ?>
<...
respondida 1/07/14 às 18:16
abfurlan
10,4mil22 medalhas de ouro1919 medalhas de prata4343 medalhas de bronze
4
Apesar da resposta do @DiegoZanardo está correta, gostaria de adicionar um exemplo completo.
Neste caso eu utilizei o selector :not(:selected) para filtrar os options.
var btTravar = $("#btTravar");
var slMarcas = $("#slMarcas");
btTravar.click(function () {
var options = slMarcas.children("option:not(:selected)");
options.prop("disabled", ...
4
Não é viável determinar se há má prática no código apresentado.
A pergunta é vaga e cria um sentido desconexo.
Algo mais próximo de “má prática” pode ser o estilo usado na sintaxe PHP.
ex:
foreach($dadosbanco as $value):
endforeach
poderia ser
foreach ($dadosbanco as $value) {
}
Eu acredito que esse estilo é mais legível. Prefiro evitar formas ...
respondida 10/08/16 às 4:06
Daniel Omine
19,4mil11 medalhas de ouro2929 medalhas de prata6262 medalhas de bronze
4
Não existe esse negócio de "má prática". Existe o que precisa ser feito para resolver um problema, atender um requisito e fazer coisas gratuitas. Existe o fazer certo no caso concreto ou não. Eu percebo uma certa obsessão por "boas e más práticas" por quem ainda está começando, provavelmente incentivado por programadores mais experientes que querem "impor" ...
respondida 10/08/16 às 4:09
4
Como você está usando AngularJS, é só criar uma regrinha usando uma diretiva ng-show.
Você sabe que o ID do pais selecionado será salvo em pessoasEnderecos.pais.idPais, a partir daí é só fazer
ng-show="pessoasEnderecos.pais.idPais != ID_DO_BRASIL"
no input (ou div, ou qualquer elemento) que pretendes esconder quando o pais selecionado for o Brasil.
Veja ...
respondida 9/11/17 às 11:52
LINQ
65,9mil1212 medalhas de ouro110110 medalhas de prata207207 medalhas de bronze
4
Considero "apelação", mas só pra dizer que esse caminho que começou na pergunta seria um jeito:
.two-colors {
font-size: 160px;
background: linear-gradient(to right,
blue 20%,
green 20%, green 40%,
red 40%, red 60%,
orange 60%, orange 80%,
purple 80%
);
-webkit-background-clip: text;
-webkit-text-...
3
Para selecionar mais opções do que a selecionada tem de pressionar CTRL, ou Apple (Mac), e depois clicar na opção.
Se quiser fazer um efeito tipo toggle a cada clic é possível, porém a solução mais obvia não funciona muito bem. É preciso um hack. Procurei também no SOen (aqui e aqui) mas as soluções que já lá estavam eram inconsistentes. Deixei esta resposta ...
respondida 20/12/14 às 8:08
3
Está funcionando normalmente, acontece que o usuário precisa manter a tecla ctrl pressionada enquanto seleciona os itens. Também funciona mantendo o botão do mouse pressionado enquanto passa o cursor sobre as opções. Faça o teste:
/* somente visualização */
select{border: 2px solid #ccc;width:250px;height:200px}
<select multiple name='sites[]'>
...
respondida 20/12/14 às 8:05
Renan Gomes
18,7mil88 medalhas de ouro4141 medalhas de prata102102 medalhas de bronze
3
Arquivo JS
$("select").change(function(){ //Evento quando o elemento select é alterado.
$.ajax({
url: "filtrar.php", //Página que fará a busca no banco de dados
type: 'POST',
data: { filtro: $(this).val() }, //Variáveis postadas para o arquivo definido
complete: function (e, xhr, result){
if(e.readyState ==4 &...
3
A resposta mais correta é um grande depende.
A forma que você expôs é basicamente o padrão. Quase todos os exemplos da documentação oficial fazem basicamente isso, usam o método append para transformar strings em elementos e adicioná-los a um elemento pai de uma tacada só.
Outra alternativa é primeiro criar o elemento, depois inserir:
var opcao = $("<...
respondida 7/10/14 às 17:58
Garoto de Programa
22,9mil66 medalhas de ouro5151 medalhas de prata108108 medalhas de bronze
3
Você pode instanciar uma classe de Option do DOM.
var option = new Option('TESTE','4');
$('#municipio_evento').append(option);
Você pode testar funcionando no JSFiddle, segue o link
Teste Option Append :
Obs.: recomendo utilizar isso dentro de uma function para facilitar uma futura reutilização.
3
Como você passou a usar o HeapBox o evento onChange não estava disparando como acontece no select nativo. O HeapBox manipula o evento de uma forma diferente, portanto a lógica para alterar o valor na coluna deve ser inserida dentro do evento do HeapBox como está na documentação do mesmo:
$(".select-ciclos").heapbox({
'onChange':function(value,src){
...
Apenas as respostas wiki não pertencentes à comunidade mais votadas e de um tamanho mínimo se qualificam
Tags relacionadas
html-select × 157html × 65
javascript × 63
jquery × 38
php × 35
html5 × 25
css × 12
angularjs × 12
html-option × 12
mysql × 7
ajax × 6
formulário × 6
jquery-select2 × 5
angular × 4
java × 3
banco-de-dados × 3
json × 3
css3 × 3
twitter-bootstrap × 3
mysqli × 3
ruby-on-rails × 3
select × 3
javascript-eventos × 3
option × 3
selected-option × 3