Question

我想在＆＃34; .color＆＃34;上选择选项值点击

<li class="gfield material_color_select">
    <label for="input_1_2" class="gfield_label"> Colour</label>
    <div class="ginput_container_select">
        <select class="gfield_select" id="input_1_2" ">
            <option value="--- Please select ---">--- Please select ---</option>
            <option value="Black"> Black</option>
            <option value="Blue"> Blue</option>
            <option value="Brown">Brown</option>
        </select>
    </div>
</li>

我试试

$(document).ready(function(){
    $(".color").click(function(){
        $(".material_color_select .gfield_select").val('Black').attr('selected', true);
    });   
});

但它不起作用

由于

Answer 1

您不需要attr()来电，只需.val('Black')即可：

$(".color").click(function(){
    $(".material_color_select .gfield_select").val('Black');
});

请注意，您还需要删除value属性后的尾随空格：

<select class="gfield_select" id="input_1_2">
    <option value="">--- Please select ---</option>
    <option value="Black">Black</option>
    <option value="Blue">Blue</option>
    <option value="Brown">Brown</option>
</select>

Example fiddle

Answer 2

只需使用以下代码：

$( "#input_1_2" ).val();

或者，如果您想要选择的字段文本，只需使用以下内容：

$( "#input_1_2 option:selected" ).text();

单击选择选项值

2 个答案: