Javascript 按select的值禁用“文档准备就绪”上的文本框

Javascript 按select的值禁用“文档准备就绪”上的文本框,javascript,jquery,Javascript,Jquery,我现在遇到了这个问题,我正试图禁用右边的文本框,就像你在图片中看到的那样。但是如果左边的选择框的值是“Others”,我就用jquery 注意:我不需要选择组合框。场景是要加载的文档(或页面),组合框的值是“其他”。我只想禁用fals。当combobox等于“Others”时首次加载页面 制作一个包含2个输入字段的div,我使用类left和right来识别它们。然后向left添加一个onchange事件处理程序,该处理程序将捕获其值,如果是“OTHERS”,则禁用right输入字段,如果不是,则

我现在遇到了这个问题,我正试图禁用右边的文本框,就像你在图片中看到的那样。但是如果左边的选择框的值是“Others”,我就用jquery

注意:我不需要选择组合框。场景是要加载的文档(或页面),组合框的值是“其他”。我只想禁用fals。当combobox等于“Others”时首次加载页面


制作一个包含2个输入字段的div,我使用类
left
right
来识别它们。然后向
left
添加一个onchange事件处理程序,该处理程序将捕获其值,如果是“OTHERS”,则禁用
right
输入字段,如果不是,则启用它

如果预先选择了“Others”选项,那么在documentready上,您可以在每个select标记上触发change(),从而触发我们添加的onchange事件处理程序

$(文档).ready(函数(){
$(“.left”)。触发器(“更改”);
});
$(.left”).on(“更改”,函数(){
如果($(this.val().toUpperCase()==“其他”){
$(this.parent().find(“.right”).prop(“disabled”,true);
}否则{
$(this.parent().find(“.right”).prop(“disabled”,false);
}
});
div{
显示:块;
边缘底部:10px;
}
div>输入,
div>选择{
显示:内联;
填充:10px;
}

其他
选择1
选择2
选择1
选择2
其他

这是我的工作

你会包括你的jquery代码吗?让我更新一下。但是你可以给出你自己的例子,这样我就可以调整我的代码:)我真的不知道这到底是怎么回事this@wiwit我懂了。我更新了答案,将其包括在内。很抱歉回复太晚。让我试试这个在文档加载时,最初没有为select标记分配值,所以我们触发了.change(),只是为了分配一个值。OTHERS选项已列为第一个选项,因此.change()将只获取其值并将其分配给select。您执行了相反的禁用操作,但我有其他适合我的代码,请发布我的答案?然后我接受你的触发功能帮助我非常抱歉我在另一个项目中反应迟钝这就是原因
$( document ).ready(function() {
  no idea how to start
});
$( document ).ready(function() {

$(".left").trigger("change");

});

$(".left").on("change", function() {
 var selectedText = $(this).find('option:selected').text();
 $(this).closest('. left').find('.right').prop('disabled', selectedText != "Others");
});