1

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 を使用してこれを行うにはどうすればよいでしょうか。

4

3 に答える 3

5

をターゲットにしselectて値を設定するだけです：

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

イベントをトリガーする場合は、上記changeに追加.change()します。

于 2013-10-02T18:20:13.207 に答える
0

クリックする必要はありません。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";
于 2013-10-02T18:20:37.697 に答える
0

試してみてください：

/**
* 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() );
});
于 2013-10-02T18:25:33.420 に答える