Question

我正在尝试更改选择框选项时发出警报。

在这里，我在每个选择框中添加了一个css类名，同时在循环中迭代它，最后我用类选择器调用了jquery函数。

但我不知道为什么它没有显示更改selectbox下拉列表的警报。请帮我解决这个问题

  <table style="border:1px solid red;" width="650px">
<tr style="border:1px solid red;">
<td">Status</td>
</tr>
<?php
$qry = "select *from tracker group by orderno";
$res = mysql_query($qry) or die(mysql_error());
while($data =  mysql_fetch_array($res))
{
?>
<tr style="border:1px solid red;">
<td  ><label onclick="show(this.id)" id=<?php echo $data['orderno'];?> > <?php echo $data[1]; ?></label></font></td>
<td  ><?php echo  $data['customername'];  ?></td>
<td align="center" style="border:1px solid red;"><?php  echo $data['noofbooks']; ?></td>
<td  ><?php echo $data['address']; ?></td>
<td  ><?php echo $data['mobileno'];  ?></td>
<td align="center" style="border:1px solid red;">

    <select name="status" class="selectboxid">  
<?php 
if($data['status']  == "despatch")
{
        echo '<option name="despatched" selected="selected" value="despatched"> Despatched </option>';
}
else
    {
    echo '<option name="despatched"   value="despatched"> Despatched </option>';
}
  if($data['status'] == "Pending")
{
        echo '<option name="pending" selected="selected" value="pending"> pending </option>';
}
else{
   echo '<option name="pending"  value="pending"> pending </option>'; 
}
  if($data['status'] == "deliver")
{
        echo '<option name="despatched" selected="selected" value="despatched"> Despatched </option>';
}
else
    {
    echo '<option name="despatched" value="despatched"> Despatched </option>';
}
  if($data['status'] == "partial")
{
        echo '<option name="partial" selected="selected" value="partial"> Partial </option>';
}
else
{
    echo '<option name="partial" value="partial"> Partial </option>';
}
 ?>

</select>
    </td>
</tr>
<?php
}
?>
</table>

我的jquery代码是;

<script>
$(".selectboxid").change(function() { 
    alert("hi");
});
</script>

Answer 1

也许您过早绑定事件（在加载DOM之前）。只需将jQuery函数放在jQuery(function(){ })中，如下面的代码。

对于可选项，您应使用on代替change，这是推荐的风格。

jQuery(function(){
   $(".selectboxid").on('change', function() { 
       alert("hi");
   });
});

Answer 2

使用它，不需要$（文件）.ready ...

<script>
$(document).on("change",".selectboxid",function(){
    alert("hi");
});
</script>

Jquery-更改选择选项后无法获得警报

2 个答案: