使用javascript

时间:2017-11-06 01:40:03

标签: javascript jquery html css

您好我想设计一个下拉列表,它取值范围为10,20,30,50,70,100,150,200,300,700,1000,2000和5000.我还想要两个按钮,我可以为其分配value_up或value_down。这将获得如上所述的价值范围。下拉将允许用户手动选择上面设置的值,其中value_up或value_down将允许增加或减少上述范围的值。你能帮我用javascript实现这个目的吗?我有一个基本的功能写在这里,它没有做上面解释的功能。

HTML:

                                                            10μV                 20μV                 30μV                 50μV                 70μV                 100μV                 150μV                 200μV                 300μV                 700μV                 1000μV                 2000μV                 5000μV             

        <span type="button" class="glyphicon glyphicon-menu-down" style="border: 2px solid white;border-radius: 1000px;padding: 4px;" id="btn09" onclick="sensitivity_Down(this.value);"></span><br>Sensitivity</span>

使用Javascript:

function sensitivity_Up(x){
            sensitivityFlag = 1;
            sens = 1*x/100;
            draw_TeeChart();
        }

        function sensitivity_Down(y){
            sensitivityFlag= -1;
            sens = 1*y/100;
            draw_TeeChart();
        }

图像: Similar to this

类似于此示例的内容http://jsfiddle.net/trixta/xwj67/

我想将选择标记的值传递给按钮属性,以便该按钮可以具有与输入属性相同的选择组。

例如,在下面的代码中,灵敏度具有10到5000的范围选择,可以在下拉列表中显示。我希望将此选择范围从Sensitivity直接读入按钮而不需要下拉列表。如何将前一个选择值范围用于按钮?

 <select name="sensitivity" id="sensitivitySelect" onchange="sensitivity(this.value);"  style="border-radius: 25px;color:black;background-color:white; ">
                        <option value= 10>10 &mu;V</option>
                        <option value= 20>20 &mu;V</option>
                        <option value= 30>30 &mu;V</option>
                        <option value= 50>50 &mu;V</option>
                        <option value= 70>70 &mu;V</option>
                        <option value= 100 selected="selected">100 &mu;V</option>
                        <option value= 150>150 &mu;V</option>
                        <option value= 200>200 &mu;V</option>
                        <option value= 300>300 &mu;V</option>
                        <option value= 700>700 &mu;V</option>
                        <option value= 1000 >1000 &mu;V</option>
                        <option value= 2000>2000 &mu;V</option>
                        <option value= 5000>5000 &mu;V</option>
                    </select></span>

                    <span type="button" class="glyphicon glyphicon-menu-up" style="border: 2px solid white;border-radius: 1000px;padding: 4px;" id="btn08" onclick="sensitivity(this.value);"></span>               
                    <span type="button" class="glyphicon glyphicon-menu-down" style="border: 2px solid white;border-radius: 1000px;padding: 4px;" id="btn09" onclick="Sensitivity.value.sensitivity_Down(this.value);"></span><br>Sensitivity</span>

1 个答案:

答案 0 :(得分:0)

看起来每个sens都是单独计算的。您需要的就是功能之外的所有内容:

var sens;