1

2 つのドロップダウンがあります。1 つのドロップダウンで値を選択すると、XML ファイルからの対応する値がドロップダウン 2 に入る必要があります。対応する値はドロップダウン 2 で完全に取得されますが、ドロップダウン 1 で値を選択するたびにその幅が縮小されます。実際の問題が何であるかがわかりません。これで私を助けてください。スクリプト コード:

var XML_PATH = "web/jsp/test.xml";
$(function getDropThreeDetails() {
$('#ddl3').empty();
$.ajax({
        type: "GET",
        url: XML_PATH,
        dataType: "xml",
        success: function(xml)
        {
            var selectedVal = $('#ddl2').val();
            $(xml).find(selectedVal).find('values').each(function(i)  {
                var ou2 = $(this).text();
                $('#ddl3').append("<option id='"+ ou2 +"'>"+ou2+"</option>");
            });

    }
  });
});

HTML コード :

    <td class="text1" align="left" colSpan="1"><b><font
        color="#5B5B5B" face="Arial">Service Request Category</font></b></td>
    <td><select id="ddl2"
        onchange="getDropThreeDetails(this,'ddl3')" style="width: 100%"
        Class="textbox">
    </select></td>
</tr>

<tr>
    <td class="text1" align="left" colSpan="1"><b><font
        color="#5B5B5B" face="Arial">Service Request Type</font></b></td>
    <td><select id="ddl3" style="width: 100%" Class="textbox">
    </select></td>
</tr>

XML ファイル コード :

<Statements>
    <values>Request for Final Interest certificate</values>
    <values>Request for Provisional Interest certificate</values>
    <values>Request for Amortization/Repayment Schedule for ROI/Balance tnure and o/s loan amt</values>
    <values>Statement of account</values>
    <values>Query on Statement/Certificates/Amortization chart</values>
</Statements>

<Disbursement>  
    <values>Part Payment Enquiry</values>
    <values>Part Payment Request</values>
    <values>Query on Part Payment request made</values>
    <values>Part Payment not Adjusted Properly</values> 
</Disbursement>

4

1 に答える 1

0

選択ボックスを固定幅として設定できます。このようなもの：

<select id="ddl3" style="width: 200px">

ただし、CSS を使用して行う方がよいでしょう。

select.big {
    width: 200px;
}
<select id="ddl3" class="big">
于 2013-01-31T07:57:04.193 に答える