亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將值傳遞給javascript?

如何將值傳遞給javascript?

開心每一天1111 2021-04-01 17:18:00
我目前正在使用Highcharts,正在嘗試創建一個函數,該函數使用我在數字字段中寫入的數據,并在單擊添加點時將其作為圖表中的新點顯示出來,添加點顯示在鏈接中是將點隨機添加到圖表中。http://jsfiddle.net/BlackLabel/2kw1b5o0/ <div id="container"></div>        <input type="number" id="add" name="new-point" value="">        <button  id="add-point">Add point</button>    <script>var chart = Highcharts.chart('container', {  series: [{    data: [1, 2, 3, 4, 5]  }]});function getValue(add) {    ext = document.getElementById(id).value; //value of the text input    alert(text);    return false;}var x= document.getElementsByClassName("new-point").value;   document.getElementById('add-point').addEventListener('click', function() {chart.series[0].addPoint();});
查看完整描述

3 回答

?
搖曳的薔薇

TA貢獻1793條經驗 獲得超6個贊

您的代碼存在一些問題:


您的getValue函數需要字段名稱作為參數,該參數將在document.getElementById()函數中用于檢索要從中讀取數據的字段

您需要使用return關鍵字返回讀取的值

您的圖表需要一個數字。因此,您需要使用Number.parseFloat()解析讀取

然后,您的事件處理程序需要調用該getValue函數并提供字段名稱:


function getValue(fieldName) {

    let value = document.getElementById(fieldName).value; //value of the text input

    return Number.parseFloat(value);

}


document.getElementById('add-point').addEventListener('click', function() {

  let value = getValue("add");


  chart.series[0].addPoint(value);

});


查看完整回答
反對 回復 2021-04-15
?
森林海

TA貢獻2011條經驗 獲得超2個贊

只要獲得函數input執行中的getValue值即可。您可以從該函數返回值,例如


function getValue() {


    var val= document.getElementById("add").value,


        return val;

}

現在您可以像


document.getElementById('add-point').addEventListener('click', function() {

   var val  = getValue();

  chart.series[0].addPoint(val);

});

或者,您可以直接在單擊處理程序中訪問以下值:


var el = document.getElementById("add")


document.getElementById('add-point').addEventListener('click', function() {


  chart.series[0].addPoint(el.value);

});


查看完整回答
反對 回復 2021-04-15
  • 3 回答
  • 0 關注
  • 249 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號