Question

让我们解决这个问题。 “我对JavaScript几乎一无所知”！我正在使用的任何JavaScript代码都是从显示JavaScript示例的网站中获取的。同样，我在Stackoverflow论坛上搜索了有类似问题的人。如果我错过了一个可以解决问题的话题，请告诉我。

我有一个下拉列表，其中包含股票清单列表：

<select name="shares" id="shares">
  <option value="500">500</option>
  <option value="1000">1000</option>
  <option value="1500">1500</option>
</select>

我目前正在使用这个JS代码，它会在屏幕上显示下拉列表中唯一的第一个数字：

<script>
  var stock_position = <?php echo $stock_position; ?>;
  var shares = document.buy_shares.shares;
  var cost = stock_position * shares.value;
  document.write(cost);
</script>

但是，当从下拉列表中选择新的共享金额时，我不知道如何进行成本更改。同样，我想我读到某处说“document.write（）”可能不是显示屏幕成本的最佳选择？任何意见都将不胜感激。

感谢您的帮助！

Answer 1

我为你制作了这段代码。首先，我在p标记中打印您的值，然后当用户更改共享时，它将再次更改p标记html。这是现场demo

的小提琴链接

＆＃13;

$("#demo").html($("#shares").val());

$("#shares").on('change',function(){
    var values = $(this).val();
     $("#demo").html(values);
    
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <select name="shares" id="shares">
  <option value="500">500</option>
  <option value="1000">1000</option>
  <option value="1500">1500</option>
</select>
<p id="demo"></p>

＆＃13;

Answer 2

变量我创建了名称值，您可以使用该变量进行计算，例如值* stock_position或任何类型的计算。

如果你有来自php的股票头寸价值，那么你必须使用ajax来获取javascript中的那个值。

Answer 3

我想你想做的是这样的事情：

DEMO：http://jsfiddle.net/vdbr24m7/

HTML：

public List<YourObject> getAllJamky(YourObject yourObject) {
  List<YourObject> list = new ArrayList<>();
  // the implementation
  ...
  return list;
}

JavaScript的：

<select name="shares" id="shares">
  <option value="500">500</option>
  <option value="1000">1000</option>
  <option value="1500">1500</option>
</select>

Cost : <span id="cost"></span>

希望这有帮助。

JavaScript - 显示成本表单下拉列表OnClick

3 个答案: