获取所选下拉选项的值

时间:2015-03-18 12:14:08

标签: jquery

我正在尝试使用此Jquery函数获取所选选项的值。

感谢您的帮助。

$("#getlogo select").change(function(){
$('.active-logo').text(this.checked ? $(this).val() : ''); 
$("#logo").css("background-image", this.checked ? this.dataset.image : 'none');
}).change(); 
<div class="confi" id="logo"></div>


<div class="second-title" href="#getlogo">
<span class="active-logo"></span>
</div>                      
         
<div class="radio-toolbar" id="getlogo">
   
<select name="contact[Logoanbringung]">
<option data-image="url(https://cdn.shopify.com/s/files/1/0600/1373/files/black.jpg?7641506985692805254)" id="ohne_logo" value="Ohne Logo">Ohne Logo</option>
<option data-image="url(https://cdn.shopify.com/s/files/1/0600/1373/files/white.jpg?17364807047771987067)" id="heissfolienpraegung" value="Heißfolienprägung">Heißfolienprägung</option>
<option data-image="url(https://cdn.shopify.com/s/files/1/0600/1373/files/chamois.jpg?17364807047771987067)" id="blindpraegung" value="Blindprägung">Blindprägung</option>
</select>  
  
</div>

1 个答案:

答案 0 :(得分:1)

你可以这样做 -

$('select').change(function(){
  $(this).val();
});

或者我在这里猜测的是你想获得data-image

$('select').change(function(){
   var selectedImage=  $('option:selected',this).data('image');
  });