如何使用 onchange 函数动态禁用工具提示下拉列表中的元素

Question

我在 html 中有一个带有各种输入字段的提交表单，我想根据名为 "Source"[=11= 的工具提示字段中的输入值动态禁用（灰色） ]

我的工具提示下拉代码如下所示：

<script type="text/javascript">
function loadParameters(source){}
</script>
                <label class="tooltip">Source<span class="classic">Source of data</span></label>
                <select id="source" name="source" onchange="loadParameters(source)" >
                    <option value="A">A</option>
                    <option value="B">B</option>
                    <option value="C">C</option>    
                    <option value="D">D</option>
                </select>

我的 loadParameters 函数应该遍历 DOM 个元素并根据所选源禁用某些其他字段。我的代码有效，但出现 'onchange function not defined' 错误。

我是不是在错误的地方添加了 loadParameters 函数？谢谢您的帮助。

Answer 1

编辑：

我相信您需要在函数本身中获取源代码，而不是在对函数的调用中。您可以使用 document.querySelector()、document.getElementbyId() 等方式从 DOM 中选择一个元素来获取源代码

我将代码编辑为如下所示：

<label class="tooltip">Source<span class="classic">Source of data</span></label>
<select id="source" name="source" onchange="loadParameters()" >
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>    
    <option value="D">D</option>
</select>

<script type="text/javascript">
    function loadParameters() {
        const select = document.getElementById("source").value;
        console.log(select);
        // whatever else you need to do in the function
      }
</script>

如何使用 onchange 函数动态禁用工具提示下拉列表中的元素

How to dynamically disable elements in a tooltip drop down with an onchange function

html

javascript

onchange

tooltip