Articles of html select

Jquery UI .sortable () activador seleccionar orden

Estoy completamente estancado al tratar de hacer una ordenación por UL y dentro de la función de actualización ordenar la selección (oculta) con el nuevo orden de los elementos en la UL aqui esta mi funcion jQuery(document).ready(function ($) { function sort() { $(‘.element’).sortable({ update: function (event, ui) { var draggingElement = $(‘.item’); draggingElement.each(function () { […]

Cambiar el elemento seleccionado desplegable en función del elemento seleccionado de otra lista desplegable

Tengo dos listas desplegables en mi ASP.NET MVC 3. Cuando una de las listas desplegables está configurada en “Propietario único”, la otra debe configurarse en la misma. Estoy seguro de que JavaScript, o jQuery, es muy simple para algo como esto, sin embargo, me cuesta mucho encontrar un buen ejemplo en la web, ya que […]

¿Cómo ocultar una opción de selección programáticamente?

Actualmente tengo un menú desplegable de selección que se supone que tiene algunas opciones inhabilitadas y ocultas, según la lista de cadenas que tengo. Aquí está la función javascript no seleccionada que probé: Volvo Saab Opel Audi Ford Hyundai Honda Porsche All Vehicles Volvo Saab Opel Audi Ford Hyundai Honda Porsche function ToggleSelectizeOptions(ids) { var […]

Cómo hacer una lista de selección con múltiples columnas de opciones

Estoy creando un sistema que permite a las personas elegir sus propios íconos para acompañar ciertos valores. Habrá muchos, muchos icons para elegir. Me gustaría hacer un cuadro de selección que tenga varias columnas con diferentes opciones, porque tener una lista vertical de más de 50 íconos sería absurdo y no se podría utilizar en […]

Eliminando una opción del elemento DropDownList con jQuery

Tengo una situación en la que, en algunos casos, una lista desplegable puede contener un valor predeterminado que no se puede seleccionar, una vez que se cambia otro valor, el valor predeterminado ya no debe ser una opción. Por lo que puedo decir, este concepto no existe de forma nativa, así que estoy tratando de […]

Agregue un campo de selección que cambiará el precio en productos simples de Woocommerce

Necesito agregar una selección con un precio personalizado en el producto individual, algo como esto. View post on imgur.com La idea es que al seleccionar una opción de (seleccionar) puede boostla al precio base. Sin usar las variaciones, ya que mi idea es hacer otras cosas más, pero necesito ayuda para hacerlo. (ejemplo)… He visto […]

Ajustar el ancho del elemento seleccionado de acuerdo con el ancho de la opción seleccionada

Quiero que el elemento de selección tenga el ancho del valor de la opción predeterminada, que es más corto. Cuando el usuario selecciona otra opción, el elemento seleccionado debe redimensionarse para que todo el texto esté siempre visible en el elemento. He encontrado una solución en la pregunta Cambio de tamaño automático del elemento SELECT […]

Cuadro de búsqueda con el campo oculto hasta que se realiza la selección desplegable

Tengo un widget en mi sitio de WordPress que busca mis taxonomías personalizadas. El formulario de búsqueda tiene otras 4 opciones: precio mínimo y máximo y mínimo y máximo kw. Quiero ocultar el campo de entrada mínimo y máximo kw a menos que se seleccione una determinada opción o sus hijos. Mi formulario funciona solo […]

¿Cómo pasar atributos de a select2?

Estoy usando Select2 4.0. Tengo una lista de opciones, algunas de las cuales están “eliminadas” y quiero indicar cuáles son cuáles. Mi elemento de selección es así: .deleted { color: red; } Item 1 Item 2 Item 3 Y se inicializa así: $(function() { $(“#item-list”).select2({ placeholder: ‘Select item’ }); }); Sin embargo, en el código […]

¿Cómo anular el evento onclick de HTML select tag?

He sobrescrito el evento de clic en mi etiqueta de selección. Cuando hago clic en mi etiqueta de selección como predeterminada, se muestra la lista de opciones. Pero tengo que personalizar esa lista y hacer algún otro trabajo cuando hago clic en seleccionar etiqueta. ¿Cómo puedo conseguir esto? Por favor, consulte el siguiente código: Volvo […]