Question

我有我的Javascript代码，我启用或禁用ID为＃34; editsaveBtn＆＃34;根据我在选择下拉菜单中的值。选择下拉包含在div标签中，ID为＃34; cardExpired＆＃34;。但这只有在发生变更事件时才会发生。

$("#cardExpired").on('change',function(){
       if($(this).find('option:selected').text()=="Select a Value")
           $("#editsaveBtn").attr('disabled',true)
       else
           $("#editsaveBtn").attr('disabled',false)
});

我希望首次加载页面时添加代码以禁用按钮，下拉中的值为＆＃34;选择值＆＃34;。

请建议我如何编写此代码

由于

Answer 1

只需将已禁用的属性添加到HTML上的按钮标记，以便在加载时或默认情况下禁用该属性，并在需要时更改下拉值（例如您拥有的内容）时启用

<button type="button" disabled>Your button</button>

Answer 2

最简单的方法是在页面加载时引发更改事件。您可以使用链接来完成此操作。

＆＃13;

$("#cardExpired").on('change',function(){
       if($(this).find('option:selected').text()=="Select a Value")
           $("#editsaveBtn").attr('disabled',true)
       else
           $("#editsaveBtn").attr('disabled',false)
}).trigger("change");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<select id="cardExpired">
<option>Select a Value</option>
<option>Value 2</option>
</select>
<button id="editsaveBtn">Test</button>

＆＃13;

Answer 3

您可以轻松获得问题的代码帮助，但如果尝试考虑客户端编程，您已经能够在onchange事件上执行一次。

所以现在你只需要在$(document).ready()上冒充同样的内容。

试试吧。祝好运。

根据默认选择值禁用按钮

3 个答案: