La suppression d'un “défaut” <option> dans une boîte de sélection

Voici ma boîte de sélection:

<select id="category">
   <option value="">Pick a choice!</option>
   <option value="">choice1</option>
   <option value="">choice2</option>
   <option value="">choice3</option>
   <option value="">choice4</option>
</select>

Je veux le Pick a choice! option pour être enlevé lorsque l'utilisateur clique sur la zone de sélection. Si l'utilisateur de cliquer n'importe où ailleurs, la Pick a choice! option de revenir. Je ne veux pas que l'utilisateur soit en mesure de prendre le Pick a choice! option. Que dois-je faire?

Vous aurez besoin d'utiliser le JavaScript. Vous souhaitez peut-être envisager d'utiliser une bibliothèque JS, telles que jquery, mootools, scriptaculous...
Vous devez écrire du Javascript pour atteindre cet objectif.
Double de stackoverflow.com/questions/5805059/select-placeholder ??
Je vais essayer de faire quelque chose avec JQuery
Pourquoi ne pas utiliser de l'HTML< "optgroup" > tag? Il allait dire "Choisissez un choix!", mais il ne peut pas être sélectionné. Pas de JavaScript requis.

OriginalL'auteur Charles Lemarier | 2012-01-31

  1. 4

    Sans PHP ou JavaScript pour supprimer l'option de manière dynamique, vous avez une autre option très simple que j'utilise régulièrement, c'est le disabled="disabled" option. L'option restera, mais l'utilisateur ne sera pas en mesure de le sélectionner.

    L'échec c'est si quelqu'un soumet un formulaire sans en choisissant quelque chose de la valeur vide présentera sous la forme, mais c'est là que votre validation de manutention entre en jeu.

    Votre code pour le "Choisissez un choix!" option va ressembler à quelque chose comme ceci:

    <option disabled="disabled">Pick a choice!</option>

    J'espère que cela aide.

    j'ai trouvé cette réponse plus tôt, mais il n'est pas assez. "choisissez un choix!" besoin d'être complètement enlevé je suis en train d'essayer quelque chose de JQuery pour mettre en display: none; affichage réponse bientôt. Merci pour votre aide !
    J'apprécie les commentaires de Charles, juste un conseil, pour l'avenir, si vous êtes à la recherche pour les options, il est préférable d'indiquer les langues que vous travaillez avec, de préférence en les énumérant dans les tags, mais même écrit dans la question est OK. La raison en est, j'ai un certain nombre de solutions avec PHP que je peux écrire sans réfléchir, il en existe d'autres comme ça avec JS et jQuery. Remarquez comment personne ne vous a donné une réponse à l'aide de jQuery - juste un commentaire avec la suggestion de l'essayer, c'est beaucoup parce que vous ne l'étiquette comme étant acceptable dans votre réponse, en plus il n'y a pas de précédent essaie montré avec jQuery. Bonne chance

    OriginalL'auteur Ryan

  2. 0

    Voici une solution de contournement. Ne sais pas si c'est suite à votre exigence.

    <html>
<head>
<title>Untitled Document</title>
<script>
function doremove()
{

    var obj=document.getElementById("category");
    obj.remove(0);  
}

function addOpt()
{
var obj=document.getElementById("category");
var option=document.createElement("option");
option.text="Pick a choice!";
option.value = 0;
obj.add(option,1);
obj.value = 0;
}
</script>
</head>

<body>
<select id="category" onfocus="doremove();" onblur="addOpt();">
   <option value="0">Pick a choice!</option>
   <option value="">choice1</option>
   <option value="">choice2</option>
   <option value="">choice3</option>
   <option value="">choice4</option>
</select>
<input type="text" />
</body>
</html>

    OriginalL'auteur Prasad Rajapaksha

  3. -1

    Essayer cette

    $("#SelectID option:first").remove();
    Ce code fonctionne bien comme pour le cas des OP question. Ne pas voir n'importe quel point dans le vote négatif.

    OriginalL'auteur techie_28