[Enkille]

Попытался дописать самостоятельно функцию, но уже несколько часов сижу и туплю над некоторыми моментами, подскажите кто может как это сделать. Честно гуглил и перепробовал все что мог. И думаю нашел то что надо, правда не знаю как это применить в моем случае. Вот например: http://api.jqueryui.com/selectmenu/#event-select и вот http://stackoverflow.com/a/26697847/6227306

Есть немного измененная функция, которую мне очень вежливо поправил Рони, за что ему огромный респект.

$(function() {
  function doCalc(inputDiv, resultDiv, resultName){
    var value;
    value = Number($(inputDiv).val()) || 0;
    $(resultDiv).text(resultName + ": " + value + " cm");
    return (value / 100);
  }

  function sum(){
    var width = doCalc("#input-width", "#width-result", "Ширина");
    var height = doCalc("#input-height", "#height-result", "Высота");
    $("#result").text( Math.round(((width * height) * 0.4) + (width * height) * MODEL) + " kg" );
  }
   
  $("input").on({
    "input": sum
  });
  sum();
});

И есть функция jQuery UI Selectmenu, которую я использую для оформления select>option. При загрузке страницы она скрывает реальные select>option и имплементирует список на основе ul>li, в связи с чем я не могу получить спокойно value этого списка, чтобы закончить расчет в первой функции.

(width * height) * 0.4) + (width * height) * MODEL)

В этом случае MODEL == value (option value="9" например).

Помогите доделать скрипт, я почти уже у финиша для его завершения, но завис конкретно.

Вот код jquery ui:

$(function () {
  $.widget("custom.iconselectmenu", $.ui.selectmenu, {
    _renderItem: function (ul, item) {
      var li = $("<li>", {
        text: item.label
      });
      
      if (item.disabled) {
        li.addClass("ui-state-disabled");
      }      

      $("<span>", {
          style: item.element.attr("data-style"),
          "class": "ui-icon " + item.element.attr("data-class")
        })
        .appendTo(li);

      return li.appendTo(ul);
    }
  });
  
  $("#modello")
    .iconselectmenu()
    .iconselectmenu("menuWidget")
    .addClass("ui-menu-icons customicons");
});

И на всякий случай так выглядит список:

<select class="state" name="modello" id="modello">
  <option value="4.5" data-class="pvc-45">PVC 4,5 Kg</option>
  <option value="6" data-class="pvc-60">PVC 6 Kg</option>
</select>

Мне нужно вернуть как значение value так и значение самого элемента option чтобы встроить его в нужный див на странице.