Question

我希望（数字）在选择不同选项时具有不同的值。例如，当选择1时，number = 1，选择2时number = 2，我将如何使用JavaScript？

  <form>
        Select your favorite letter!
        <select id="numbers">
            <option selected disabled>Choose one</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
    </form>
    <script>
        var number;
    </script>

Answer 1

试试这个：

<form>
    Select your favorite letter!
    <select id="numbers">
        <option selected disabled>Choose one</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</form>
<script>
    var number = document.getElementById("numbers").value;
</script>

Answer 2

你需要的脚本看起来像这样：

var select = document.getElementById('numbers')
var number;

select.addEventListener('change', function(){
    number = select.value
    alert(number)
})

这适用于大多数现代浏览器，如果您需要支持旧浏览器，则可能需要填充。

请看这里的小提琴： https://jsfiddle.net/rainb0w/LzL3ybfm/

Answer 3

这是一种快速简便的方法：

<form>
    Select your favorite letter!
    <select id="numbers">
        <option selected disabled value="">Choose one</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</form>
<script>
    var number = document.getElementById("numbers").value;
    document.getElementById("numbers").onchange = function()
    {
        var number = document.getElementById("numbers").value;
    };
</script>

请注意，我添加了value=""，以便在用户没有选择任何内容时将变量检测为空，否则number将包含Choose one字符串。< / p>

选择的表单 - 如何在选择表单值时更改变量值

3 个答案: