Ответ 1
Здесь простейшее решение с четким селектором:
function select_option(i) {
return $('span#span_id select option[value="' + i + '"]').html();
}
У меня есть элемент select, обернутый элементом span. Мне не разрешено использовать идентификатор select, но мне разрешено использовать идентификатор span. Я пытаюсь написать функцию javascript/jquery, в которой ввод представляет собой число i, которое является одним из значений параметров выбора. Функция переключит соответствующую функцию на выбранную.
<span id="span_id">
<select id="h273yrjdfhgsfyiruwyiywer" multiple="multiple">
<option value="1">cleaning</option>
<option value="2">food-2</option>
<option value="3">toilet</option>
<option value="4">baby</option>
<option value="6">knick-knacks</option>
<option value="9">junk-2</option>
<option value="10">cosmetics</option>
</select>
</span>
Я написал что-то следующим образом (это не полностью работает, поэтому я публикую этот вопрос):
function select_option(i) {
options = $('#span_id').children('select').children('option');
//alert(options.length); //7
//alert(options[0]); //[object HTMLOptionElement]
//alert(options[0].val()); //not a jquery element
//alert(options[0].value); //1
//the following does not seem to work since the elements of options are DOM ones not jquery's
option = options.find("[value='" + i + "']");
//alert(option.attr("value")); //undefined
option.attr('selected', 'selected');
}
Спасибо!
Здесь простейшее решение с четким селектором:
function select_option(i) {
return $('span#span_id select option[value="' + i + '"]').html();
}
Просто оберните свой вариант в $(option), чтобы заставить его действовать так, как вы этого хотите. Вы также можете сделать код короче, выполнив
$('#span_id > select > option[value="input your i here"]').attr("selected", "selected")
С jQuery > 1.6.1 лучше использовать этот синтаксис:
$('#span_id select option[value="' + some_value + '"]').prop('selected', true);
options = $("#span_id>select>option[value='"+i+"']");
option = options.text();
alert(option);
вот скрипка http://jsfiddle.net/hRFYF/
Чтобы получить значение, просто используйте это:
<select id ="ari_select" onchange = "getvalue()">
<option value = "1"></option>
<option value = "2"></option>
<option value = "3"></option>
<option value = "4"></option>
</select>
<script>
function getvalue()
{
alert($("#ari_select option:selected").val());
}
</script>
это позволит получить значения
Вы можете использовать .val(), чтобы выбрать значение, например следующее:
function select_option(i) {
$("#span_id select").val(i);
}
Вот jsfiddle: https://jsfiddle.net/tweissin/uscq42xh/8/
function select_option(index)
{
var optwewant;
for (opts in $('#span_id').children('select'))
{
if (opts.value() = index)
{
optwewant = opts;
break;
}
}
alert (optwewant);
}