jQuery chọn các phần tử tùy chọn theo giá trị

Tôi có một phần tử chọn được bao bọc bởi một phần tử span. Tôi không được phép sử dụng id chọn nhưng tôi được phép sử dụng id span. Tôi đang cố gắng viết một hàm javascript / jquery trong đó đầu vào là số i, là một trong những giá trị của các tùy chọn của select. Chức năng sẽ chuyển tùy chọn có liên quan thành đã chọn.

<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>

Tôi đã viết một cái gì đó như sau (điều này không hoàn toàn hoạt động, đó là lý do tại sao tôi đăng câu hỏi này):

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

}

Cảm ơn!

Đây là giải pháp đơn giản nhất với một bộ chọn rõ ràng:

function select_option(i) {
  return $('span#span_id select option[value="' + i + '"]').html();
}

Với jQuery> 1.6.1 tốt hơn nên sử dụng cú pháp này:

$('#span_id select option[value="' + some_value + '"]').prop('selected', true);

Chỉ cần bọc tùy chọn của bạn trong $ (option) để nó hoạt động theo cách bạn muốn. Bạn cũng có thể làm cho mã ngắn hơn bằng cách

$('#span_id > select > option[value="input your i here"]').attr("selected", "selected")

options = $("#span_id>select>option[value='"+i+"']");
option = options.text();
alert(option); 

đây là fiddle http://jsfiddle.net/hRFYF/

Bạn có thể sử dụng .val () để chọn giá trị, như sau:

function select_option(i) {
    $("#span_id select").val(i);
}

Đây là jsfiddle: https://jsfiddle.net/tweissin/uscq42xh/8/

Để nhận giá trị, chỉ cần sử dụng cái này:

<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>

điều này sẽ lấy các giá trị

function select_option(index)
{
    var optwewant;
    for (opts in $('#span_id').children('select'))
    {
        if (opts.value() = index)
        {
            optwewant = opts;
            break;
        }
    }
    alert (optwewant);
}

$("#h273yrjdfhgsfyiruwyiywer").children('[value="' + i + '"]').prop("selected", true);