Javascript onselect更改价格

时间:2017-03-08 12:31:11

标签: javascript

如果用户使用下拉框选择了可选附加内容,我会尝试更新产品的价格。它应该更新隐藏字段以及向用户显示新价格的H1标签。它似乎不起作用。

function xDeckIncreasePrice(price) {
var total = document.getElementById("agreedPrice").value;
var newprice = Number(total) + Number(price); 
document.getElementById("mixingDeckTotal").innerHTML = "£" + newprice + "";
document.getElementById("agreedPrice").value = "£" + newprice + "";
}

这是HTML:

 <select name="size">
  <option value="6inch">6 Inch</option>
  <option value="footlong" onselect="xDeckIncreasePrice('2.50')">Footlong (+£2.50)</option>
</select>

以下是要更新的元素:

<h1 style="color:red;" id="mixingDeckTotal">£4.50</h1><p>
<input type="hidden" id="agreedPrice" value="£4.50">

2 个答案:

答案 0 :(得分:0)

除了在价格中使用£,这对JavaScript中的数字无效,library(mice) # dummy data imputation data(walking) imputation <- mice(walking, max = 0, m = 5, seed = 500) # using for loop m <- 5 for(i in 1:m){ completeData <- complete(imputation, m) print(summary(completeData)) } # I prefer to use lapply lapply(seq(imputation$m), function(i) summary(complete(imputation, i))) 代码不支持<option>事件。您应该使用onselect的{​​{1}}事件。

类似的问题:https://www.tensorflow.org/api_docs/python/tf/reshape

答案 1 :(得分:0)

您应该将onselect事件更改为实际SimpleDateFormat dayFormatter=new SimpleDateFormat("dd/MM/yyyy"); Map<String,List<JsonNode>> result = events.stream() .collect(Collectors.groupingBy(event -> dayFormatter.format(event.getDate()), Collectors.mapping(event -> { ObjectNode jsonMatch = jsonNodeFactory.objectNode(); jsonMatch.put("name", event.getName()); return jsonMatch; }, Collectors.toList()))); 元素本身的onchange事件。您还应该将选项选项更改为具有该选项所代表的价格的值。然后,您应该更改您调用的事件,只需将文本设置为所选选项的值。

select
function xDeckChangePrice(element) {
  document.getElementById("mixingDeckTotal").innerHTML = "£" + element.value + "";
}