1

各ボックスの選択に基づいて動的にロードする 3 つの選択ボックスがあります。jqtransform プラグインを使用してページのスタイルを設定する前に、これらは正しく機能します。私はこれを理解しようとしましたが、jqtransform プラグインを使用すると選択メニューがまったく表示されない理由について解決策を見つけることなく、このサイトと Web を検索しました。どんな助けでも大歓迎です。

元の作業コード:

    `<script language="JavaScript" src="myminiAJAX.js"></script>
<script language="JavaScript" src="functions.js"></script>

<script language="JavaScript">
function init() {
    doAjax('man_list.php', '', 'populateComp', 'post', '1');

}

function showOutput(){
alert("This Is Your Model Id: "+getValue('manufacturer'));
}


    $(function(){
        $('form').jqTransform({imgPath:'jqtransformplugin/img/'});
    });

</script>
<style>
#loading{
background:url('loader64.gif') no-repeat;
height: 63px;
}
</style>
    </head>

<body onLoad="init();">
<p>
<form method="post" action="<?php echo $PHP_SELF;?>">
<b>System Type:</b>&nbsp;<select name="manufacturer" id="manufacturer"       onChange="resetValues();doAjax('type_list.php', 'man='+getValue('manufacturer'), 'populateType', 'post', '1')">
<option value="">Please select:</option></select>&nbsp;

<br /><b>Type of Equipment: </b>&nbsp;<select name="printertype" id="printertype" disabled="disabled" onChange="doAjax('model_list.php', 'man='+getValue('manufacturer')+'&typ='+getValue('printertype'), 'populateModel', 'post', '1')">
<option value="">Please select:</option></select>&nbsp;

<br /><b>Equipment to be depoted out:</b>&nbsp;<select name="printermodel" id="printermodel" disabled="disabled" onChange="showOutput();">
<option value="">Please select:</option></select>

<br /><br /><input type="submit" name="action" value="Submit" />

Jqtransform プラグインを追加した後のコード:

    <link rel="stylesheet" href="jqtransformplugin/jqtransform.css" type="text/css" media="all" />
<link rel="stylesheet" href="demo.css" type="text/css" media="all" />
    <script language="JavaScript" src="myminiAJAX.js"></script>
<script language="JavaScript" src="functions.js"></script>
<script type="text/javascript" src="requiered/jquery.js" ></script>
<script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js" >        </script>

元のコードから変更されていないため、この投稿を短くするために関数を削除しました。

<body onLoad="init();">
<p>
<form method="post" action="<?php echo $PHP_SELF;?>">
<div class="rowElem"><b>System Type:</b>&nbsp;<select name="manufacturer" id="manufacturer" onChange="resetValues();doAjax('type_list.php', 'man='+getValue('manufacturer'), 'populateType', 'post', '1')">
<option value="">Please select:</option></select>&nbsp;
</div>
<div class="rowElem"><br /><b>Type of Equipment: </b>&nbsp;<select name="printertype" id="printertype" disabled="disabled" onChange="doAjax('model_list.php', 'man='+getValue('manufacturer')+'&typ='+getValue('printertype'), 'populateModel', 'post', '1')">
<option value="">Please select:</option></select>&nbsp;
</div>
<div class="rowElem"><br /><b>Equipment to be depoted out:</b>&nbsp;<select name="printermodel" id="printermodel" disabled="disabled" onChange="showOutput();">
 <option value="">Please select:</option></select>
</div>
<div class="rowElem"><br /><br /><input type="submit" name="action" value="Submit" />        </div>
</p>
<div id="loading" style="display: none;"></div>
<div id="output"></div>
4

0 に答える 0