如何使用javascript或jquery选择下拉值 [英] How to select drop down value using javascript or jquery

问题描述

如何使用普通的javascript选择下拉值。？



让我们考虑一下下拉列表：

How to select a drop down value using plain javascript.?

Let's consider i have a drop down list:

<select id="drpSelectSourceLibrary" name="asd">
    <option selected="selected" value="All">All</option>
    <option value="ValueOne">Option One</option>
    <option value="ValueTwo">Option Two</option>
    <option value="ValueThree">Option Three</option>
    <option value="ValueFour">Option Four</option>
    <option value="ValueFive">Option Five</option>
    <option value="ValueSix">Option Six</option>
    <option value="ValueSeven">Option Seven</option>
</select>

我尝试过：



我们可以使用以下javascript代码选择下拉值：

What I have tried:

We can select the value of drop down with the below javascript code:

document.getElementById('drpSelectSourceLibrary').value = 'ValueSeven';

但是我们可以使用哪些其他技术来选择下拉菜单值使用javascript或jquery.?

But what are the some of the other techniques using which we can select the drop down values using javascript or jquery.?

推荐答案

以下是一些使用它们可以选择下拉值的技巧。



方法1：

Here are some of the techniques using which you can select the drop down values.

Method 1:

（'＃drpSelectSourceLibrary option'）[2] .selected = true;



方法2：

('#drpSelectSourceLibrary option')[2].selected = true;

Method 2:

（'＃x option [value =5]'）。prop（'selected'，true）;



方法3：

('#x option[value="5"]').prop('selected', true);

Method 3:

这篇关于如何使用javascript或jquery选择下拉值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！