如何使用jquery从select标签中选择选项值

Question

抱歉，先前我没有提到我的下拉列表是用bootstrap制作的。基于@rps建议，我问我的同事（他是模板），他说这是用bootstrap制作的。

我正在使用基本的html下拉代码，所以我认为你们可以理解引导代码是如何形成的。

html代码：

<select name="primary" class="select-block" id="select_alert">
   <option "selected">Choose Alert T</option>                         
   <option value="T1">T1</option>
   <option value="T2">T2</option>
   <option value="T3">T3</option>
   <option value="T4">T4</option>
</select>

最初我按照以下方式获取选择菜单。

对于我的构造，我以下列方式找到菜单值。

i/p: document.getElementById('select_alert').value
o/p: "choose Alert T"

现在使用javascript或jquery，我想以下面的方式更改选择选项。为此，我尝试了以下它不能正常工作

       document.getElementById('select_alert').value="T1";

再次如果我检查选择菜单的值，它应该是“T1”。

由于

Answer 1

你可以试试这个

//从下拉列表中选择值

$( "#select_alert option:selected").val();

$( "#select_alert option:selected" ).text();

Answer 2

我对这个问题的解读不明确，但是如果您尝试将设置值或将所选选项设置为T1：

$('#select_alert option[value="T1"]').prop('selected',true);

JS Fiddle demo

如果您尝试检索所选选项的值：

$('#select_alert option:selected').val();

Answer 3

使用 jQuery ，您可以这样做：

$('#select_alert').val('T1');

演示：Fiddle

Answer 4

使用如下：

$('#select_alert').val('T1'); // in jquery

你的javascript代码也是正确的，页面上一定有其他错误。

Answer 5

没有jquery你可以使用

document.getElementById('select_alert').selectedIndex = 1

http://jsfiddle.net/uzqZA/1/

如果你想按给定的价值找出期权指数，试试这个

var sel = document.getElementById('select_alert'),
    selopt = sel.options,
    searchidx;

//alert(selopt[sel.selectedIndex].value);
//sel.selectedIndex = 1;
//alert(selopt[sel.selectedIndex].value);
//alert(sel.value)


// search for the index
searchidx = getoptidx(selopt, "T3");

if (searchidx !== false) {
    sel.selectedIndex = searchidx;
    alert(selopt[sel.selectedIndex].value);
} else {
    alert("index not found")
}

/**
 * returns the index of a value
 * @todo optimize search?
 */
function getoptidx(opts, searchterm) {
    for (var i in opts) {
        if (opts[i].text === searchterm) return i;
    }
    return false;
}

小提琴：http://jsfiddle.net/uzqZA/6/

Answer 6

尝试这样做：

$('#select_alert').val("T3");
$("#select_alert").selectmenu();
$("#select_alert").selectmenu("refresh");