Question

如何从Javascript中的选择下拉框中提醒用户选择的值。在这个例子中，我想将值存储在变量中并向用户发出警告。

<script type="text/javascript">

function processmyform() {

    var chosenAnimal = // what goes here

    alert(chosenAnimal);

}
</script>

<form action="">
    <select name="animal" class="favAnimal">
        <option value="dog">Dog</option>
        <option value="cat">Cat</option>
        <option value="bird">Bird</option>
    </select>
    <a href="#" onclick="processmyform()" />
</form>

Answer 1

首先，如果你的选择框有一个id会更容易。然后你可以使用getElementById。

var animalSelectBox = document.getElementById('animal');
alert(animalSelectBox.options[animalSelectBox.selectedIndex].value);

相反，这里是如何使用getElementsByName（注意这个是复数）。

var arr = document.getElementsByName('animal'); //will be an array
alert(arr[0].options[arr[0].selectedIndex].value);

4 个答案: