javascript - 如何使用javascript单击选项值？

Question

我想使用 Javascript 单击 div 标签内的某个选项。

这是HTML代码：

<div class="sizes" data-info="product_sizes" id="select_size">
    <div id="sizes" style="display: block;">
        <select size="8" id="product_sizes">
            <option value="06.5" data-modelsize="06_5" data-sfs="false" class="">06.5</option>
            <option value="07.0" data-modelsize="07_0" data-sfs="false" class="">07.0</option>

我想单击选项值，我将如何使用 Javascript 执行此操作。

Answer 1

只需定位select并设置值：

$("#product_sizes").val("06.5");

如果要触发change事件，添加.change()到上面。

Answer 2

您不必单击它，只需设置 selectedIndex 的 ir 值即可<select>。

如果没有 jQuery，这是如何做到的：

var sel = document.getElementById('product_sizes');
sel.selectedIndex = 1; // selects 07.0
// Setting the value works too:
// sel.value = "07.0";

Answer 3

尝试：

/**
* OPT ID
*/
var opt = 3;
/**
* SELECTED
*/
var elements = $('#product_sizes option');
$(elements[ opt ]).attr("selected","selected").prop("selected",true);

/**
* OR SET VALUE
*/
$('#product_sizes').val( 19.5 );

/**
* CATCH
*/
$("#product_sizes").change(function(){
    console.log( $( this ).val() );
});