如何将PHP数组索引转换为javascript变量

我正在使用PHP从数据库中获取一组用户角色，它们被放入

标记的

中，如下所示：

<div class="col-md-3">
    <select name="role" id="user_role" class="form-control" onkeyup="clearMsg('roleerr')" onchange="getRole()"/>
        <option value="">Select a Role</option>
        <?php while($rowrole = $resultrole->fetch(PDO::FETCH_BOTH)) { ?>
        <option value="<?php echo $rowrole ['role_id']; ?>">
        <?php echo $rowrole ['role_name']; ?>
        </option>
        <?php } ?>
    </select>
    <span id="roleerr" class="error">*</span>
</div>

选择一个角色
*

---

我想获取下拉列表“onchange”的选定值，并为该值编写

getRole（）

javascript函数。如何完成此操作？

当元素更改时，下拉列表的值将设置为所选选项的属性值。因此，您只需定义javascript函数并让它获取下拉列表的值：

function getRole(){
   var finalVal = document.getElementById("user_role").value;
   // And then here you can do whatever you want with the information
}

---

可以在onchange（）中的paramater中赋值

这应该在下面起作用

函数getRole（值）{
如果（值！=“”）
警报（值）
}

选择一个角色
选择23
选择24
选择25
*

您可以尝试更改

事件

onchange="getRole(event)"

Javascript

function getRole(event) {
    var selectElement = event.target;
    var value = selectElement.value;
    alert(value);
}

我用硬数据测试了它


函数getRole（事件）{
var selectElement=event.target；
var value=selectElement.value；
警报（值）；
}

选择一个角色
管理
用户
支持
*
这不起作用……我认为该值不能作为var finalVal=document.getElementById（“用户角色”）.value访问；因为它是一个php数组索引