小编dvo*_*utt的帖子

我正在尝试从下拉列表的选定选项中选择数据属性,然后将其放在文本框中.这也是我的第二个数据属性.我将在用户更改选项时添加代码(代码我已经编写并可以在这里抽象),但我希望首先使用此部分.

HTML

<select class="operations-supplier" name="operations-supplier">
    <option data-selected="latam" data-capacity="100000" value="
        10">LATAM - Supplier A</option>
    <option data-selected="na" data-capacity="200000" value="20>">NA - Supplier B</option>
    <option data-selected="asia" data-capacity="300000" value="30">ASIA - Supplier C</option>
</select>
<input type="text" class="operations-supplierCapacity" readonly />

JQuery的

var capacityValue = $('select.operations-supplier').find(':selected').attr('data-capacity').val();
$('.operations-supplierCapacity').val(capacityValue);

的jsfiddle

我有一个折线图,每次页面刷新它都会改变数据,这很好,但我需要通过用户点击进行刷新.这是因为页面上最终会有其他输入字段,刷新页面会破坏其当前会话.

jsfiddle - http://jsfiddle.net/darcyvoutt/dXtv2/

以下是创建该行的代码设置:

function economyData() {  

    // Rounds
    var numRounds = 10;

    // Stability of economy
    var stable = 0.2;
    var unstable = 0.6;
    var stability = unstable;

    // Type of economy
    var boom = 0.02;
    var flat = 0;
    var poor = -0.02;
    var economyTrend = boom;

    // Range    
    var start = 1;
    var max = start + stability;
    var min = start - stability;

    // Arrays
    var baseLine = [];
    var economy = [];

    // Loop …

目前我的图表如下所示。

http://jsfiddle.net/darcyvoutt/qNnLx/2/

这是代码：

nv.addGraph(function () {
    var yourProductColor = "rgba(242,94,34,0.58)";
    var competitorColor = "rgba(57,198,226,58)";
    var marketColor = "rgba(255,255,255,0.75)";

    var chart = nv.models.scatterChart()
        .color([marketColor, competitorColor, yourProductColor])
        .transitionDuration(350)
        .margin({
        bottom: 60
    })
        .showDistX(true)
        .showDistY(true);

    //Configure how the tooltip looks.
    chart.tooltipContent(function (key) {
        return '<h3>' + key + '</h3>';
    });

    chart.yAxis.tickFormat(d3.format('.02f'))
        .axisLabel("Frequency");


    chart.xAxis.axisLabel("Tranditional Media -> Digital & Social Media")
        .tickFormat(d3.format('.02f'));

    //We want to show shapes other than circles.
    chart.scatter.onlyCircles(true);

    d3.select('#marketingChart svg')
        .datum(exampleData())
        .call(chart);

    nv.utils.windowResize(chart.update);

    return chart;

    function exampleData() {
        return [{
            "key": "Market", …

我正在尝试构建一个表单,如果您更新任何输入,它将更新总和.现在只有第一个输入正在工作.我希望在所有输入中使用单个类,因为页面是动态的,ID可以经常更改.

这是jsfiddle:

的jsfiddle

这是代码:

var productCost = function (input, output, changeOn) {
  var reloadCalcs = function () {
    var sum = 0;
    $(input).each(function() {     
      sum += parseFloat($(input).val());    
    }); 
    $(output).html(sum);
  };
  $(function () {
    $(changeOn).change(function () {
      reloadCalcs();
    });
    $(changeOn).trigger('change');             
  });
};

productCost('.product','.sum','input');