通过ajax将值从javascript传递到sql

我在php、javascript和ajax之间传递变量时遇到了一些问题

html-当我更改所选值时，ajax将发布新值：

<select name="PACKAGE_CATEGORY" id="PACKAGE_CATEGORY" onclick="fireAjax()" class="form-control" >
    <option value="0" disabled selected  hidden> -- select an option -- </option>
    <option value="PLINE">Phone Line Only</option>
    <option value="UNIFI">Unifi for New Registration</option>
    <option value="STREAMYX">Streamyx for New Registration</option>
    <option value="WEBE">Webe</option>
    <option value="DOME">Lease Line (DOME)</option>
</select>

将onclick更改为onchange

请尝试以下操作：

Html:

脚本：

<script>
    function fireAjax(){
        $.ajax({
            url: 'form.php',
            type: 'POST',
            data: {var1: document.getElementById('PACKAGE_CATEGORY').value},
            success: function(data) {
                console.log("success");
            }
        });
    }

---

将onclick更改为onchange，更改id，将innerHtml更改为value

尝试将ajax调用更改为选择器的更改事件

$('#PACKAGE_CATEGORY').change(function(){
    $.ajax({
        url: 'form.php',
        type: 'POST',
        data: {
            'var1': $(this).val() 
        },
        success: function(data) {
            console.log("success");
        }
    });
})

---

显示的HTML中没有id为PACKAGE_id的元素。如果您试图获取PACKAGE_CATEGORY的选定选项，请使用.value而不是。我已经从。innerHTML转换为.value，但它仍然无法获取该值。我可以知道我的代码第一次都错了吗？您是否也按照我的建议更改了id？您当前的代码检索不到正确的元素。。。但是还是什么都没有你检查控制台有没有错误？您是否在控制台中确保在请求中发送值？你真的没有让这变得容易来帮助你。我仍然无法得到这个答案的值，但我认为它很接近控制台中是否有任何错误？尝试使用print\u r$\u POST ONLYnope退出form.php，不显示任何错误。我试着用alert来显示var1，它什么也不显示，但仍然无法获得值。是不是改为改事件比我的方式好？我不知道有什么不同，所以只是问一下，不是说这不好，两种方式是一样的，我只是删除了函数，你添加了URL吗？请添加console.log并检查一下这个$'PACKAGE\u CATEGORY'。changefunction{

<select name="PACKAGE_CATEGORY" id="PACKAGE_CATEGORY" onchange="fireAjax()" class="form-control" > //Here
<option value="0" disabled selected  hidden> -- select an option -- </option>
<option value="PLINE">Phone Line Only</option>
<option value="UNIFI">Unifi for New Registration</option>
<option value="STREAMYX">Streamyx for New Registration</option>
<option value="WEBE">Webe</option>
<option value="DOME">Lease Line (DOME)</option>

  <select name="PACKAGE_CATEGORY" id="PACKAGE_CATEGORY" onchange="fireAjax()" class="form-control" >
    <option value="0" disabled selected  hidden> -- select an option -- </option>
    <option value="PLINE">Phone Line Only</option>
    <option value="UNIFI">Unifi for New Registration</option>
    <option value="STREAMYX">Streamyx for New Registration</option>
    <option value="WEBE">Webe</option>
    <option value="DOME">Lease Line (DOME)</option>
</select>

<script>
    function fireAjax(){
        $.ajax({
            url: 'form.php',
            type: 'POST',
            data: {var1: document.getElementById('PACKAGE_CATEGORY').value},
            success: function(data) {
                console.log("success");
            }
        });
    }

$('#PACKAGE_CATEGORY').change(function(){
    $.ajax({
        url: 'form.php',
        type: 'POST',
        data: {
            'var1': $(this).val() 
        },
        success: function(data) {
            console.log("success");
        }
    });
})