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

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

没有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() );
});

如何使用javascript单击选项值？

3 个答案: