Question

我被卡住了想要选择选择选项。

<select class="form-control" data-live-search="true" id="itemb">
<option data-tokens="All">All</option>

@foreach (var item in ViewBag.brandCategories)
{                                    
  <option>@item.brandName</option>
}
</select>

//search by brand name..
    $("#itemb").change(function () {
        
        var typp = document.getElementById("typ").value;
        var type = encodeURIComponent(typp);
        var brand = this.value;
        window.location.href = '/mobiles_tablets/item/?type=' + type + '&search=' + brand;
    });

在上面的代码中我只能通过 @viewBag 获取 @foreach 中的列表。但是现在我想要它返回到视图时应该获得选择的值。

请写js代码？

感谢。

Answer 1

这段代码将帮助您获取select元素的选定值。您可以通过codepen修改/更改它，请查看以下链接。

https://codepen.io/uicreation/pen/KZmXbw

＆＃13;

var el = document.getElementById('yourId');
el.onchange = function(){
  console.log(this.selectedOptions[0].value);
}

＆＃13;

<select id="yourId">
  <option>one</option>
  <option>two</option>
  <option>three</option>
  <option>four</option>
  <option>five</option>
</select>

＆＃13;

Answer 2

或者如果你想获得选择的选项索引，请使用它。

var el = document.getElementById('yourId');
el.onchange = function(){
  console.log(this.selectedIndex);
}

如何使用JS更改<select> </select>时获取选定的值

2 个答案: