Выберите значение параметра по щелчку

Question

Я хочу, чтобы выбрать значение параметра на «.color» нажмите

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