在select中签入javascript

Question

如何检查javascript/jQuery中的选择项。我想要签入javascript。当你点击价值林堡和布拉班特。但是我如何在javascript中选择这些选项呢？我有这个代码：

<form action="/" method="post" class="clearfix">
    <fieldset class="clearfix">
            <div class="field">
                    <select>
                            <option value="" selected="selected">Kies een regio?</option>
                            <option value="Limburg">Limburg</option>
                            <option value="Brabant">Brabant</option>
                    </select>
            </div><!-- /field -->
    </fieldset>
</form>

Answer 1

如果要将更改事件绑定到选择框并在其中进行筛选，最好为选择元素分配一个id或类，以便可以具体选择它，但当选择了其中任一选项时，以下代码应向屏幕发出警报。

 $(".field select").change(function() {
     if($(this).val() === "Brabant") {
         //Brabant was selected
         alert("Brabant");
     }
     if($(this).val() === "Limburg") {
         //Limburg was selected
         alert("Limburg");
     }
 });

如果你只想知道所选元素的当前值是多少，你可以做

var selecteditem = $("select").val();
if(selecteditem === "Limburg" || selecteditem === "Brabant") {
         alert("'Limburg' or 'Brabant'");
}

然而，当值更改时，这不会自动触发任何事情，要做到这一点，这可能是为了验证目的，您可以这样做来检查它是否是其中之一。

Answer 2

假设我正确理解了您的意思，那么您需要检查所选选项的值。您可以通过简单地检查select元素的值来实现这一点。对于jQuery，这很简单：

$("select").val();

您可能希望将事件处理程序绑定到更改事件，以便在其更改时检查值：

$("select").change(function() {
    if(this.value === "Limburg") {
        //Limburg was selected
    }
});

这是一个工作的例子。

Answer 3

不确定我是否理解您的问题，但要更改所选值，您可以执行类似的操作

$('select').val('Limburg'); // to select limburg