как отфильтровать текст выбранного значения в раскрывающемся списке

Question

У меня есть выпадающее меню. Имеет типы продуктов. Типы продуктов имеют связанные значения (из раскрывающегося списка) соответствуют группам машин.

Таким образом, каждый параметр должен иметь три переменные - имя машины, значения, группу машин.

Я могу получить имя машины, и я могу получить машинное значение (и отобразить их в другом поле) ... то, что я не смог выяснить, - это изменить значение в группе «Машина».

jQuery('#MachineName').bind('change', function() 
    { 

     //get selected value from drop down; 
     var selectedValue = jQuery("#MachineName").val(); 

     //populate a text field with the selected drop down value 
     jQuery("#MachineValue").val(selectedValue); 

То, что я хотел бы сделать, это сохранить эту MachineValue, но затем заполнить другое текстовое поле с отсортированной MachineGroup

Я пытался запустить его через что-то вроде

switch(jQuery(this).val()){ 
    case "236" : newVal = "8"; 
    break; 

Но я не хочу «изменять» значение, которое я просто хочу использовать для фильтра типа «если тогда», возможно, что-то вроде:

'236' => "8", '237' => "5", 

Я просто не знаю, как правильно сказать «назначить MachineGroup на основе MachineValue» (а затем заполнить другое текстовое поле)

В конце концов у меня было бы три поля. Падение вниз, MachineValue и MachineGroup. Падение и значение сделаны, мне просто нужно сделать Group. (И я могу сортировать группу на основе MachineName ... просто не уверен, что было бы проще)

Answer 1

Простейшим на стороне клиента является добавление сервером дополнительных атрибутов data- к разметке. jQuery.data() позволяет легко их восстановить.

HTML:

<option value="5" data-group="foo" data-name="Bar">Bar</option> 

JS:

$('select').change(function(){ 
    var $sel=$(this).find('option:selected'); 
    var machineGroup=$sel.data('group'); 
    var machineName=$sel.data('name'); 
    var value= $sel.val()// or $(this).val(); 
}); 

API (читай внизу первой серии примеров, функция не было в оригинальной API)

http://api.jquery.com/data/