jquery - 使按钮变灰,直到在下拉列表中选择某个值
问题描述
如果默认的“选择”是此下拉列表中的选定项...
@Html.DropDownListFor(x => x.ID, new SelectList(Model.Data, "ID", "Info"), "Choose",new {@id = "DDL" }})
我希望这个按钮变灰。
<input name="Submitbtn" type="Submit" id="Submit" value="Submit"/>
我已经在条件内尝试过这个,但它根本没有改变按钮......
$('#DDL').change(function ()
{
if ($("#DDL option:selected").text() == 'Choose')
{
///which of these?
$(".Submitbtn").attr('disabled', true);
$("#Submitbtn").attr("disabled", "disabled");
}
}
解决方案
从原始恢复@id=
到原始:
@Html.DropDownListFor(x => x.ID, new SelectList(Model.Data, "ID", "Info"), "Choose")
将创建一个
<select id="ID" name="ID">
所以你的jQuery应该是
$("#ID").change(function() { if $(this).text() == "Choose") {...
对于按钮本身,#SubmitBtn
必须匹配按钮 id,即Submit
(不带 Btn),给出:
$("#Submit").attr("disabled", "disabled");
更新片段:
$('#ID').change(function() {
if ($("#ID option:selected").text() == 'Choose') {
$("#Submit").attr("disabled", "disabled");
} else {
$("#Submit").attr("disabled", null);
}
});
// trigger/run on startup to disable as default is Choose
$('#ID').change();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="ID">
<option>Choose</option>
<option value="val1">text 1</option>
<option value="val2">text 2</option>
</select>
<input name="Submitbtn" type="Submit" id="Submit" value="Submit" />
推荐阅读
- java - java - 如何在java中使用继承调用多个构造函数?
- assembly - 程序集 8086 - 使用 int21h 函数 5Ah 创建一个随机命名的文件
- dataweave - 通过有效负载对象 v1 进行迭代?
- git - Git 属性文件夹作为 git 的二进制文件
- java - 如何混合 Spring Validator 和 JSR 303
- mysql - 如何通过多个连接加快 MYSQL 查询?
- c# - 如何在 Bing 地图上设置缩放级别?
- css - 翻转卡无法正常工作[可以选择另一侧的文本]
- javascript - 单次触发点击事件监听器
- terminal - 使用 MacPorts 安装 atom,但未显示在 Launchpad 或 Applications 文件夹中