javascript - sirven - que es el marcador de posición en power point yahoo

texto de marcador de posición para el complemento elegido para una sola selección no funciona

Question

Tengo el complemento elegido para la selección única implementado en mi código. Estoy intentando agregar el texto del marcador de posición para los cuadros de búsqueda pero no puedo. He intentado las siguientes cosas:

<select id="search_pi" name="search_pi" type="text" class="chosen-select"
        style="width:450px;" onchange="this.form.submit()" >

  <option value="">Search Project/Initiative...</option>
  <?php
    include "../includes/search_dropdown.php";
    foreach($proj_ini_Array as $qa){
      echo "<option value = /"$qa/">$qa</option>";
    }
  ?>

JS

<script>
  $(document).ready(function() {
    $(''.chosen-select'').chosen({
      placeholder_text_single: "Select an option",
      no_results_text: "Oops, nothing found!"
    });  
  });
</script>

En el campo de selección, también intenté usar data-placeholder="Select an option" pero eso tampoco ayuda. ¿Puede alguien, por favor, hacerme saber qué me estoy perdiendo?

Gracias por adelantado.

Answer 1

Bueno. Me enteré de la respuesta. Necesitamos tener la primera opción en blanco para que el texto del marcador de posición se active para el cuadro de búsqueda de selección única.

<select id="search_pi" name="search_pi" type="text" class="chosen-select" style="width:450px;" onchange="this.form.submit()" >

  <option> </option>
  <?php
    include "../includes/search_dropdown.php";
    foreach($proj_ini_Array as $qa){
      echo "<option value = /"$qa/">$qa</option>";
    }
  ?>

En el caso anterior, el texto del marcador de posición se establecerá de manera predeterminada en "Seleccionar una opción".

Para un texto de marcador de posición personalizado para un único cuadro de selección de búsqueda, puede editar su archivo js como se muestra a continuación y tener la primera opción en blanco para que se muestre el texto del marcador de posición:

<script>
  $(document).ready(function() {
    $(''.chosen-select'').chosen({
      placeholder_text_single: "Select Project/Initiative...",
      no_results_text: "Oops, nothing found!"
    });  
  });
</script>

Answer 2

En realidad, hay una solución mejor / más fácil para este problema si está construyendo vía HTML en lugar de JS. Tienes que hacer dos cosas.

1. La primera <option> en su <select> debería estar vacía.
2. Debe incluir el placeholder="Placeholder goes here" en su <select> . Aparentemente, una vez se llamó data-placeholder , lo que creo que ha llevado a cierta confusión.

Entonces, en total:

<select placeholder="Placeholder goes here">
    <option><!-- Empty option goes here. --><option>
    <option>Other Option</option>
</select>

Answer 3

Para hacer su primera opción simplemente un texto de guía, pero no puede ser seleccionado por los usuarios, use esto:

<option selected="selected" disabled>Search Project/Initiative...</option>

* Editar *

Ah, lo siento, no leí tu pregunta lo suficientemente clara para empezar.

Al parecer, la primera <option> debe estar vacía. Ver este jsfiddle .

Answer 4

Respuesta del usuario @Zack Joerdan resolvió mi problema. Así que el resorte requiere valor dentro de la opción

<select placeholder="Placeholder goes here">
    <option value=""><!-- Empty option goes here. --><option>
    <option>Other Option</option>
</select>

Answer 5

Simplemente puede agregar data-placeholder="YOUR TEXT" No es necesario usar jquery para el mismo

Aquí está el ejemplo

<select id="search_pi"  data-placeholder="Select Project/Initiative..." name="search_pi" type="text" class="chosen-select" style="width:450px;" onchange="this.form.submit()" >
              <?php
                include "../includes/search_dropdown.php";
                foreach($proj_ini_Array as $qa){
                  echo "<option value = /"$qa/">$qa</option>";
                }
              ?>
</select>

Answer 6

use data-placeholder="YOUR TEXT" en la etiqueta select