3

Con este <select>

<select id="idselect">
  <option value="1" data-msg="111">Personalizado</option>
</select>

Para cambiar a la opción a un <select> en jquery tengo por ejemplo estas opciones

$('#idselect').val('1').attr('selected','selected')
$('#idselect > option[value="1"]').attr('selected','selected')
$('#idselect > option[data-msg="111"]').attr('selected','selected')

Pero es con value o atributos personalizados

Me gustaría saber como se puede cambiar la opción indicándole el texto 'Personalizado' y no por ningún atributo.

2 respuestas 2

3

Puedes usar el selector :contains() para comprobar el texto dentro del <option>.

$(function(){
  
  $('button').on('click', function(){
    
     $('#idselect option:contains("Personalizado")').attr('selected','selected');
    
  });
});
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<select id="idselect">
  <option>select</option>
  <option value="1" data-msg="111">Personalizado</option>
  <option value="2" data-msg="112">otra cosa</option>
</select>
  
<button>Elegir Personalizado</button>
  
  

2

Te dejo un ejemplo, el meollo del asunto está en el uso del selector jQuery contains

$("a[data-select]").click(function(){
  var texto_de_option = this.getAttribute('data-select').trim();
  $("#idselect").find('option:contains("'+texto_de_option+'")').prop('selected', true);
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <select id="idselect">
      <option value="1" data-msg="111">Personalizado1</option>
      <option value="2" data-msg="222">Personalizado2</option>
      <option value="3" data-msg="333">Personalizado3</option>
      <option value="4" data-msg="444">Personalizado4</option>
    </select>
    <br><br>
    <a href = "javascript:;" data-select='Personalizado1'>Seleccionar Personalizado1</a>
    <br><br>
    <a href = "javascript:;" data-select='Personalizado2'>Seleccionar Personalizado2</a>
    <br><br>
    <a href = "javascript:;" data-select='Personalizado3'>Seleccionar Personalizado3</a>
    <br><br>
    <a href = "javascript:;" data-select='Personalizado4'>Seleccionar Personalizado4</a>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.