Как выбрать значение параметра из тега select с помощью jquery

Question

извините, ребята, ранее я не упоминал, что мой раскрывающийся список создан с помощью бутстрапа. основанный на предложении @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, я хочу изменить выберите опцию в follwoing way.For это я попытался ниже него не работает

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

Опять Если я проверить значение меню выбора, оно должно быть «T1».

Благодаря

Answer 1

Использование JQuery вы можете просто сделать это:

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

Демо: Fiddle

Answer 2

использование следующим образом:

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

также ваш Javascript код правильный , должен быть какой-то другой на странице.

Answer 3

вы можете попробовать это

// Получить значение из выпадающего списка выберите

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

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

Answer 4

Мое чтение вопрос неоднозначен, но если вы пытаетесь установить значение, или установить выбранный-вариант, чтобы T1:

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

JS Fiddle demo.

Если вы пытаетесь получить значение выбранного параметра:

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

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");