Select 选项更改值基于第一个 select 选项 Jquery

Question

下面对代码做一个简单的解释：

2 select 选项，带 1 个按钮
(#myButton) 触发警报
(#op2) 第二个 select 选项值，取决于第一个选择 (#op1)

在 JSFiddle 上，我的代码可以工作，但每当我在我的网站上传输它时，我都会收到 Uncaught: TypeError。 请提供解决 TypeError 的建议。

 $('#myButton').on('click', function() { var op1 = document.getElementById("op1").value; alert(op1); var op2 = document.getElementById("op2").value; alert(op2); if (op1 =='a'){ $("#op2").html("<select id='op2'><option value='800'>800</option><option value='3000'>3000</option></select>"); } })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="op1" > <option value="a">a</option> <option value="b">b</option> <option value="all">all</option> </select> <select id="op2"> <option value="1">1</option> <option value="11">11</option> </select> <input type="submit" value="button" id="myButton" class="buttonClass" />

Answer 1

您的脚本需要放在头标签<head></head>中，并且必须在脚本之前加载。

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="yourLocalPath.js"></script>
</head>
<body>

<select  id="op1" >
        <option value="a">a</option>
        <option value="b">b</option>
           <option value="all">all</option>
        </select>
        
        
<select  id="op2">
    <option value="1">1</option>
    <option value="11">11</option>
</select>

<input type="submit" value="button" id="myButton" class="buttonClass"  />
</body>
</html>

Select 选项更改值基于第一个 select 选项 Jquery

问题描述

1 个解决方案

解决方案1
0 2022-02-02 09:02:21

Select 选项更改值基于第一个 select 选项 Jquery

问题描述

1 个解决方案

解决方案1 0 2022-02-02 09:02:21

解决方案1
0 2022-02-02 09:02:21