0

こんにちは、ドロップダウンがあります

       <div class="dvPortOmmisionRightInner">
        <div style="float: left">
             <select id="ddlAction" onchange="showSelected(this.value)">
                <option value="-1" selected="selected"> </option>
                <option value="1">Indirect Call</option>
                <option value="2">Cargo Diversion</option>
                <option value="3">Cargo Rollover</option>
                <option value="4">Shift Cargo</option>
            </select>
        </div>
    </div>

    <div class="dvOmmisionPortinner">

       <p>Service</p>
        <span class="ShowSpan1" style="float: left">
            <asp:DropDownList ID="ddlService" runat="server" ClientIDMode="Static" CssClass="ddlService"></asp:DropDownList>
        </span>

        <p>Voy</p>
        <span style="float: left" class="ShowSpan2">
            <select id="ddlVoy" name="ddlVoy" class="ddlVoy"></select>
        </span>

ここでは、選択の選択に基づいて、いくつかのドロップダウンを無効にする必要があります...、

まず、間接呼び出しをクリックすると、ddlService ドロップダウンを無効にする必要があります。

    var myDivs = new Array(1, 2, 3, 4);

    function showSelected(sapna) {
        var t = 'ShowSpan' + sapna,
            r, dv;
        r = 'ShowSpan' + myDivs;

        dv = document.getElementById(r);
        if (dv) {
            if (t === r) {
                        // Here my ddlService must get Disabled...


           }
          } else {
                dv.style.display = 'none';
            }
        }
        return false;
    }

選択値に基づいてドロップダウンを無効にする他の方法はありますか???

このドロップドンを無効にしようとすると、無効になりません。

私の試練は

    $("#ddlService").attr("disabled", true);
    $("#ddlService").attr("disabled", "disabled");
    $(".ShowSpan1").attr('readonly', true);
    $(".ShowSpan1").attr("disabled", "disabled");

SPAN を無効にすると読み取り専用になりますが、それでもドロップダウンにアクセスできます ドロップダウンを無効にする他の方法はありますか?

前もって感謝します

4

3 に答える 3

1 
 $(".ddlService").prop("disabled", true);

私は自分の答えとその動作についてもテストを行いました

次のようなデザイナーページのhtml

 <span class="ShowSpan1" style="float: left">
            <asp:DropDownList ID="ddl" runat="server" CssClass="ddlservice">
                <asp:ListItem Text="1" Value="1"></asp:ListItem>
                <asp:ListItem Text="2" Value="2"></asp:ListItem>
                <asp:ListItem Text="3" Value="3"></asp:ListItem>
                <asp:ListItem Text="4" Value="4"></asp:ListItem>
            </asp:DropDownList>
        </span>

次のように、そのドロップダウンを無効にするためのJqueryコード。

 <script type="text/javascript">

        $('document').ready(function() {

            $(".ddlservice").prop("disabled", true);
            return false;


        });
  </script>

AS OP が質問を編集し、上記の選択したドロップダウンの値にドロップダウンを無効にするようになったので、私の編集した回答は次のとおりです。

<div class="dvPortOmmisionRightInner">
        <div style="float: left">
             <select id="ddlAction">
                <option value="-1" selected="selected"> </option>
                <option value="1">Indirect Call</option>
                <option value="2">Cargo Diversion</option>
                <option value="3">Cargo Rollover</option>
                <option value="4">Shift Cargo</option>
            </select>
        </div>
    </div>

    <div class="dvOmmisionPortinner">

       <p>Service</p>
        <span class="ShowSpan1" style="float: left">
              <select id="ddlService" name="ddlService" class="ddlService">
                <option value="1">Service</option>

              </select>
        </span>

        <p>Voy</p>
        <span style="float: left" class="ShowSpan2">
            <select id="ddlVoy" name="ddlVoy" class="ddlVoy">
                <option value="1">Voy</option>
            </select>
        </span>

このためのjquery

$('documnent').ready(function(){
    $('#ddlAction').change(function(){
        var action=$("#ddlAction option:selected").val();
        alert(action);
        if(action==1)
        {
            $('#ddlService').prop('disabled','true');
        }
        else if (action==2)
        {
            $('#ddlVoy').prop('disabled','true');
        }

    });
});

JSフィドルリンク

于 2013-04-26T04:08:22.447 に答える