2

これは私がやろうとしていることです:

ユーザーは、オプション「1」またはオプション「2」のいずれかを選択します。ユーザーが「1 つ」を選択した場合、結果はになります。66 + 45ユーザーが「2 つ」を選択した場合、結果は になり35 + 45ます。

HTML と JavaScript を使用してこれを実装するにはどうすればよいですか?

これは私がこれまでに行ったことです：

HTML:

<select id="number">
  <option>One</option>
  <option>Two</option>
</select>

...

// Result
<div id="result"></div>

ジャバスクリプト:

function test(eventInfo) {

  var userSelection = document.getElementById("number").value;

  if () {
    result = 66 + 45;
  } else {
    result = 35 + 45;
  }

  var greetingString = userSelection;
  document.getElementById("result").innerText = greetingString;

}
4

5 に答える 5

3

検討：

<select id="number">
  <option value="66">One</option>
  <option value="35">Two</option>
</select>

それから：

result = 45 + +document.getElementById("number").value;
于 2013-05-22T06:11:06.460 に答える
2

これはどう。data-attribute に値を設定し、合計を計算します。

<select id="number">
    <option value="1" data-Values="66,45">One</option>
    <option value="2" data-Values="35,28">Two</option>
</select>
<div id="result"></div>

JS

 var values = this.options[this.selectedIndex].getAttribute('data-Values');
 var sum = eval(values.split(',').join('+')); //Use with caution eval.
 document.getElementById("result").innerHtml = sum;

デモ

于 2013-05-22T06:13:10.880 に答える
0

これを試すことができます：

<select id="number" onchange="test(this.value);">
  <option value="66+45">One</option>
  <option value="35+45">Two</option>
</select>

...

// Result
<div id="result">here</div>

JS

<script>
function test(val) {
  document.getElementById("result").innerHtml = val;
}
</script>
于 2013-05-22T06:17:18.813 に答える
0

なぜあなたは使わないのですかvalue：

<select id="number">
  <option value="66+45">One</option>
  <option value="35+45">Two</option>
</select>

var greetingString = $("#number option:selected").val(); 
// or document.getElementById("number").value;
document.getElementById("result").innerText = greetingString;
于 2013-05-22T06:06:58.510 に答える
0

Switch ステートメントを使用します。

HTML:

<select id="number">
  <option value="66">One</option>
  <option value="35">Two</option>
</select>

Javascript:

var userSelection = document.getElementById("number").value;

    switch (userSelection)
    {
    case 66:
      result = 66 + 45;
      break;
    case 35:
      result = 35 + 45;
      break;
    }
于 2013-05-22T06:11:34.497 に答える