我有下拉菜单,当我选择选项时,它将从数据库中检索值,并显示在文本字段上。所以我做了Click功能。它适用于Firefox,但不适用于Google Chrome。
HTML:
<select id="classi" name="classi">
<option value="1" onclick="chagePack('<?php echo sha1('month11')?>',1,10);">1 months</option>
<option value="2" onclick="chagePack('<?php echo sha1('month23')?>',3,20);">3 months</option>
<option value="3" onclick="chagePack('<?php echo sha1('month36')?>',6,30);">6 months</option>
</select>
Javascript:
function chagePack(pack,month,type)
{
alert("test");
$.post("change_membership_page",
{
pack: pack, month: month, type:type
},
function(data, status){
$("[id='replace-month-pack']").html(data);
//alert("Data: " + data + "\nStatus: " + status);
});
}
侦听select
元素上的click事件被认为是不好的做法。您无法使用键盘。
而是使用可在change
任何地方使用的事件。您可以稍微更改一下功能,但是仍然可以访问每个人option
拥有的数据。
HTML:
<select id="classi" name="classi">
<option value="1" data-params="1,1,10">1 months</option>
<option value="2" data-params="2,3,20">1 months</option>
<option value="3" data-params="3,6,30">1 months</option>
</select>
JS:
$("#classi").on('change', function(){
var params = $(this).children(':selected').data('params');
alert(params);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句