Question

如何更改以下代码以取代name选择器而不是id？

<div id="light" class="change_group_popup">
    <a class="close" href="javascript:void(0)">Close</a>

的JavaScript

$('.change_group').on('click',function(){
    $("#light,.white_overlay").fadeIn("slow");
    });

    $('.close').on('click',function(){
        $("#light,.white_overlay").fadeOut("slow");
     });

更新：

我添加了更多代码来显示循环，以帮助更详细地解释我正在做的事情。

$runUsers2 = mysqli_query($con,"SELECT * FROM users ORDER BY id DESC");
$numrows2 = mysqli_num_rows($run2);

    if( $numrows2 ) {
        while($row2 = mysqli_fetch_assoc($run2)){
            if($row2['status'] == "Approved"){
            //var_dump ($row2);

                $approved_id        = $row2['user_id'];
                $approved_firstname = $row2['firstname'];
                $approved_lastname  = $row2['lastname'];
                $approved_username  = $row2['username'];
                $approved_email  = $row2['email'];

    if ($approved_firstname == true) {
        echo "Name - ". $approved_firstname . " " . $approved_lastname . "</br>" . 
            "Username - ". $approved_username . "</br></br>"
?>
<div class="change_group_button"> 
     <a class="change_group" href="javascript:void(0)">Change User Permission</a>
</div><br>
<div class="change_group_popup light">
    <a class="close" href="javascript:void(0)">Close</a>
 <div class="group_success" style="color: red;"></div><br>
    <form class="update_group" action="" method="POST">
       <div class="field">
        <label for="group">Group</label>
        <input type="hidden" value="<?php echo $approved_id; ?>" name="approved_id" />
        <input type="hidden" value="<?php echo $approved_firstname; ?>" name="approved_firstname" />
        <input type="hidden" value="<?php echo $approved_lastname; ?>" name="approved_lastname" />
        <input type="hidden" value="<?php echo $approved_username; ?>" name="approved_username" />
        <input type="hidden" value="<?php echo $approved_email; ?>" name="approved_email" />
        <select name='group_id' required>

Answer 1

使用DOM遍历函数查找相关元素。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="selectbox">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>


<input id="first-textbox" type="text" readonly='' />
<input id="second-textbox" type="text" />

使用名称选择器而不是ID

1 个答案: