Javascript 选择该选项时，JQuery禁用输入

我有两个选项：home none和home select，当选择home none时，我希望禁用class.home的所有输入

HTML:

选择权

<select class="form-control">
    <option id="home-none">-</option>
    <option id="home-select">Team</option>
</select>

投入

<div class="form-group">
    <input class="form-control home" name="h-p1-fn" placeholder="First name" type="text"/>
</div>
<div class="form-group">
    <input class="form-control home" name="h-p1-ln" placeholder="Last name" type="text"/>
</div>

JS:

---

控制台不显示错误，但它不工作。

您连接到了错误的事件。改为使用select的更改事件。从中可以读取选项元素的value属性，将相关输入元素设置为禁用。试试这个：

$document.readyfunction{ $select.form-control.changefunction{ $.home.prop'disabled'，$this.val=='home none'； }; }; - 团队

---

你找错地方了。改为使用select的更改事件。从中可以读取选项元素的value属性，将相关输入元素设置为禁用。试试这个：

$document.readyfunction{ $select.form-control.changefunction{ $.home.prop'disabled'，$this.val=='home none'； }; }; - 团队 这样会更好

在选项上使用值而不是ID 使用更改事件 在加载时执行更改事件，以在重新加载时处理更改的选择 这行：

<select class="form-control">
  <option value="home-none">-</option>
  <option value="home-select">Team</option>
</select>

$(function() {
  $("select.form-control").on("change",function() {
    $(".home").prop('disabled',this.value=="home-none");
  }).change(); // execute on load
});

这样会更好

在选项上使用值而不是ID 使用更改事件 在加载时执行更改事件，以在重新加载时处理更改的选择 这行：

<select class="form-control">
  <option value="home-none">-</option>
  <option value="home-select">Team</option>
</select>

$(function() {
  $("select.form-control").on("change",function() {
    $(".home").prop('disabled',this.value=="home-none");
  }).change(); // execute on load
});

---

$this.val=='home none'应该是$this.val=='home select'。当选择Team时，输入将被禁用。好吧，这是您的代码当前尝试的，但您的问题是：当选择home none时，我希望禁用class.home中的所有输入。这令人困惑。无论哪种方式，您只需要在等式检查中设置适当的值对不起，语法错误。u正确回答了问题$this.val=='home none'应该是$this.val=='home select'。当选择Team时，输入将被禁用。好吧，这是您的代码当前尝试的，但您的问题是：当选择home none时，我希望禁用class.home中的所有输入。这令人困惑。无论哪种方式，您只需要在等式检查中设置适当的值对不起，语法错误。你正确地回答了这个问题