js 根据value设置选择的option,以及获取选中option的value

根据value选中option

<select id="Animals">
    <option value="0">Chicken</option>
    <option value="1">Crocodile</option>
    <option value="2">Monkey</option>
</select>
function SelectAnimal() {
    var sel = document.getElementById('Animals');
    var val = 1;
    for(var i = 0, j = sel.options.length; i < j; ++i) {
        if(sel.options[i].value== val) {
           sel.selectedIndex = i;
           break;
        }
    }
}

获取选中option的value

var e = document.getElementById("Animals");
var value = e.options[e.selectedIndex].value;
var text = e.options[e.selectedIndex].text;
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 你好!如果你想要获取一个select元素中选中optionvalue值,你可以使用JavaScript中的以下代码: ```javascript // 通过id获取select元素 var selectElement = document.getElementById("selectId"); // 获取选中option元素 var selectedOption = selectElement.options[selectElement.selectedIndex]; // 获取选中optionvalue值 var selectedValue = selectedOption.value; ``` 在这里,我们首先通过id获取了select元素,然后通过selectedIndex属性获取选中option元素,最后通过value属性获取选中optionvalue值。 希望这可以帮到你! ### 回答2: JavaScript获取下拉框中optionvalue值有多种方法,其中比较简单的方法如下: 1. 使用getElementById获取select元素,再通过selectedIndex属性获取选中option元素,最后通过value属性获取option元素的value值。 ```javascript var selectElement = document.getElementById("selectId"); var selectedOption = selectElement.options[selectElement.selectedIndex]; var selectedValue = selectedOption.value; ``` 2. 使用querySelector获取select元素及其被选中option元素,通过getAttribute方法获取option元素的value值。 ```javascript var selectedOption = document.querySelector("#selectId option:checked"); var selectedValue = selectedOption.getAttribute("value"); ``` 3. 使用jQuery库来获取select元素及其被选中option元素,通过val方法获取option元素的value值。 ```javascript var selectedValue = $("#selectId option:checked").val(); ``` 以上是常见的获取下拉框中optionvalue值的方法,具体应根据实际需求选择适当的方式来实现。 ### 回答3: 要获取 select 元素中选中optionvalue 值,可以通过以下几种方式实现。 1. 使用原生 JavaScript 的方法获取 ```js const selectElement = document.getElementById('mySelect'); const selectedOption = selectElement.options[selectElement.selectedIndex]; const selectedValue = selectedOption.value; ``` 这里先获取 select 元素,然后通过 `selectedIndex` 属性获取选中option 元素,最后获取 optionvalue 值。 2. 使用 jQuery 的方法获取 ```js const selectedValue = $('#mySelect option:selected').val(); ``` 这里通过 jQuery 获取选中option 元素,然后获取value 值。 3. 使用 Vue.js 的方法获取 ```html <select v-model="selectedValue"> <option value="foo">Foo</option> <option value="bar">Bar</option> </select> ``` ```js // 在 Vue 实例中获取 const vm = new Vue({ el: '#app', data: { selectedValue: '' } }); ``` 这里使用 Vue 的双向数据绑定,将 select 元素的选中值绑定到 Vue 实例的 `selectedValue` 属性上,然后在 Vue 实例中就可以获取这个值了。 无论使用哪种方法,都需要先获取 select 元素,然后获取选中option 元素,最后获取 optionvalue 值。注意,在 select 元素中添加的 option 标签必须设置 value 属性才能获取value 值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值