我知道我必须改变id
into a val
但怎么办?任何想法?抱歉,这对你们来说可能很容易,但对我来说却不是:-)
http://jsfiddle.net/9w0L7fxb/
var body = $('html, body');
$('#London').on("click", function (e) {
e.preventDefault();
body.animate({
scrollTop: slideMap.offset().top - 63
}, 'slow');
return false;
});
$("option#London").change(function () {
$(this).val();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="country-list">
<option value="" id="">select your city</option>
<option value="London" id="London">London</option>
<option value="CapeTown" id="CapeTown">Cape Town</option>
<option value="Beijing" id="Beijing">Beijing</option>
<option value="Tokyo" id="Tokyo">Tokyo</option>
<option value="HongKong" id="HongKong">Hong Kong</option>
<option value="KualaLumpur" id="KualaLumpur">Kuala Lumpur</option>
<option value="Singapore" id="Singapore">Singapore</option>
<option value="Mumbai" id="Mumbai">Mumbai</option>
<option value="Shanghai" id="Shanghai">Shanghai</option>
<option value="Sydney" id="Sydney">Sydney</option>
<option value="StPetersburg" id="StPetersburg">St. Petersburg</option>
<option value="SanPaulo" id="SanPaulo">São Paulo</option>
<option value="SanFrancisco" id="SanFrancisco">San Francisco</option>
<option value="Dallas" id="Dallas">Dallas</option>
<option value="NewYork" id="NewYork">New York</option>
<option value="Dubai" id="Dubai">Dubai</option>
</select>
http://jsfiddle.net/ym4frmp6/
这是更新的小提琴:http://jsfiddle.net/ym4frmp6/4/
$('.country-list').on("change", function (e) {
e.preventDefault();
var selection = $(this).val();
alert(selection);
});
该事件发生在选择更改时,您可以通过调用获取选项值$(this).val()
这样就解决了点击事件的问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)