2015-08-11 18 views
5

È necessario disporre di un insieme di valori dinamico in un attributo selectbute, in base a un altro attributo di selezione.Impostare le opzioni di selezione dinamicamente nella pagina del prodotto del catalogo nel pannello di amministrazione di Magento

ad es. ci saranno due attributi dropdown 1. elenco a discesa padre, 2. elenco a discesa figlio

se "A" è selezionato nel menu a discesa padre, "Aria", "Apple", "Ant" verranno visualizzati nel menu a discesa.

se "B" è selezionato nell'attributo padre, verrà visualizzato "Ball", "Box", "Base".

Quindi in pratica i valori del menu a discesa figlio dipendono dal valore selezionato del menu a discesa padre.

Voglio renderlo dinamico poiché le opzioni possono essere salvate sotto attributi e tali valori devono essere mostrati nella pagina Modifica prodotto catalogo.

Grazie in anticipo.

+0

@ wmk - Al momento non ho capito niente, non riesco a trovare il modo di iniziare. –

risposta

1

provare il codice qui sotto, se si dispone di dati all'interno di selezionare la casella in oggetto o array in JS allora si può filtrare fuori facilmente e aggiungerlo per selezionare la casella di Ecco Demo DEMO

var data = { 
 
    "A": ["Air", "Apple", "Ant"], 
 
    "B": ["Water", "Mango", "Fly"] 
 
} 
 

 
jQuery('#parent').on('change', function() { 
 
    var tempData = data[this.value]; 
 
    var selectChild = jQuery('#child'); 
 
    jQuery('option', selectChild).remove(); 
 
    for (var i = 0; i < tempData.length; i++) { 
 
    var option = new Option(tempData[i], tempData[i]); 
 
    selectChild.append(jQuery(option)); 
 
    } 
 

 
});
<select id="parent"> 
 
    <option value="">Select Parent</option> 
 
    <option value="A">A</option> 
 
    <option value="B">B</option> 
 
</select> 
 
<select id="child"> 
 
    <option value="">Select Child</option> 
 
</select> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>