2

对不起，以前我没有提到我的下拉列表是用引导程序制作的。根据@rps 的建议，我问我的同事（他是模板），他说它是用引导程序制作的。

我正在放置基本的 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”。

谢谢

4

6 回答 6

1

你可以试试这个

// 从下拉选择中获取值

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

$( "#select_alert option:selected" ).text();
于 2013-10-24T06:40:48.647 回答
1

我对这个问题的解读是模棱两可的，但是如果您尝试将值设置或将选定选项设置为T1：

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

JS 小提琴演示。

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

$('#select_alert option:selected').val();
于 2013-10-24T06:41:25.827 回答
0

没有 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/

于 2013-10-24T07:48:06.490 回答
0

使用jQuery你可以这样做：

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

演示：小提琴

于 2013-10-24T06:38:05.867 回答
0

使用如下：

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

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

于 2013-10-24T06:38:42.700 回答
0

尝试这样做：

$('#select_alert').val("T3");
$("#select_alert").selectmenu();
$("#select_alert").selectmenu("refresh");
于 2014-02-17T15:55:16.837 回答