Question

如何启用/禁用下拉列表国家/地区，当我选择国家/地区选项时，应该禁用“状态”下拉列表，另一侧应该禁用“反向”（当我选择“状态”下拉列表时，应禁用“国家/地区”下拉列表。当我点击JSP页面语法中的提交按钮时，还热到移动到其他JSP页面？ jQuery选择/下拉框示例

    <script type="text/javascript" src="js/jquery.js"></script>

    </head>

    <body>

    <h1>jQuery select / dropdown box example</h1>

    <script type="text/javascript">

      $(document).ready(function(){

        $("#country").change(function () {

     if($("#country option:selected").val()){
         // disable the dropdown:
         $('#state').attr('disabled', 'disabled');
     } else {
         $('#state').removeAttr('disabled');
     }

      });});
    </script>
    </head><body>

    <select id="country">
    <option value="None">-- Select --</option>
    <option value="China">China</option>
    <option value="United State">United State</option>
    <option value="Malaysia">Malaysia</option>
    </select>
    <select id ="state">
    <option value ="AP">AP</option>
    <option value ="SP">SP</select>
     </body>
    </html>

Answer 1

Hiya 工作演示：http://jsfiddle.net/vAJuc/ ＆amp; 如果您希望在特定国家/地区选择上启用禁用功能，我也为您做了此事：http://jsfiddle.net/vAJuc/4/ （在这种特殊情况下，如果您选择中国，它将仅禁用例如）

所以你有错误的HTML我在jsfiddle中修正了（缺少结束选项标签等）以及下面的代码;这也许是一个很好的帮助; http://api.jquery.com/change/（玩游戏并阅读查询API。

下面的代码将为您提供良好的开始提交按钮我建议改进问题或者可能会再次询问此代码。希望下面的东西会有所帮助。：）

JQuery代码

$(function() {

   $("#country").change(function () {

     if($("#country option:selected").length){
         $('#state').attr('disabled', 'disabled');
     } else {
         $('#state').removeAttr('disabled');
     }
   });


});

//或者//如果您希望它在特定国家/地区禁用，请参阅下方:(在这种情况下，如果您选择中国，则会停用

$(function() {

   $("#country").change(function () {

     if($("#country option:selected").val() == "China"){
         $('#state').attr('disabled', 'disabled');
     } else if ($("#country option:selected").val() == "Malaysia"){
         $('#state').removeAttr('disabled');
     } else {
         $('#state').removeAttr('disabled');
     }
   });


});

HTML

<html>
    <body>

    <h1>jQuery select / dropdown box example</h1>

    <select id="country">
       <option value="None">-- Select --</option>
       <option value="China">China</option>
       <option value="United State">United State</option>
       <option value="Malaysia">Malaysia</option>
    </select>
    <select id ="state">
         <option value ="AP">AP</option>
        <option value ="SP">SP</option>
    </select>

        </body>
    </html>

希望这会有所帮助，欢呼

如何通过选择以下任一下拉列表来启用/禁用下拉列表？

1 个答案: