2

jqueryUIで作成されたドキュメントのアップロードダイアログはうまく機能しますが、それを複数のタブを持つページに追加し、ドロップダウンボックスでデフォルトのドキュメントタイプを回転させ、使用されているフォームの非表示の値を変更する必要がありますフォームの検証による (主に、アップロード後に正しいタブに戻るため)。

ページの下部でこれらの名前をわずかに変更して、一意のボタンクリックごとに各ダイアログが一意になるようにすることもできますが、おそらくすでに大きすぎるページに多くの不要な肥大化が生じます.

私が本当に欲しいのは、非表示の入力フィールドを自動的に変更し、デフォルトのドロップボックスの選択を変更するソースクリックで数値を渡すことです(これらは直接関連しています)

残念ながら、私のコーディング スキルはまだ初心者です。php はかなり得意ですが、javascript と ajax はまだ初心者です。これは、リモート オフィス間での内部オフィス ドキュメント共有システムです。パートタイムでしかコードを作成できないため、残念ながら少し錆びてしまいます... :)

<div id="upload" title="Upload Documents" style="margin: 0 0 0 0" ><div id="upload-Wrapper"><p >To add documents, please select your document on your computer and enter a description and classification.&nbsp;Maximum file size is 25 megabytes per document uploaded.</p>

<form action="updoc.php" enctype="multipart/form-data" method="post">
<div class="auto-style2">
<br/><label>Select Document</label><input type="file" name="pdfdoc" value="" style="width: 279px" />
<br/>   <br/>
<label style="width: 113px">Document Type</label>
<select name="doc_type" id="doc_type" style="width: 281px">
<option value="T">RT</option> <!--This is the default value for the first tab, but on others I need to rotate the list so the correct one is default-->
<option value="C">CT</option>
<option value="A">TA</option>
<option value="P">PA</option>
<option value="D">AD</option>
<option value="H">DH</option>
<option value="L">LW</option>
<option value="V">LWD</option>
<option value="W">LWT</option>
<option value="R">PR</option>
<option value="O">Other</option>
</select>
<br/>   <br/>
<label style="width: 140px">Description </label>
<input type="text" name="pdfdesc" value="" style="width: 309px" />
<br/>
<p>*all fields required  
<input type='hidden' value='3' name='tab' /> <!--This is the hidden value I need to change depending on the source click-->
<input type="submit" name="submit" value="Upload File" style="float:none; margin-left: 85px"  /></p>
</div>
</form>
</div><!--end Contact-Wrapper-->
</div>

<script>
var dialogOpts = {
bgiframe: true,
autoOpen: false,
modal: true,
width: "521px"
};

$('#upload').dialog(dialogOpts);
$('#upload-Links').click(function() {
  $('#upload').dialog('open');
  return false;
});
</script>
4

1 に答える 1

0

あなたの質問はあまり明確ではありません。「ソースクリック」とはどういう意味ですか？

私が理解したことから、これが私が思いついたものです。次のスクリプトは、ドロップダウンをファイルが選択されたときとファイルが選択されCTたときに変更します。.txtTA.png

どのファイルを選択しても、ファイル名は非表示フィールドに配置されます。

$('input[name=pdfdoc]').change(function() {
    var f = $(this).val(); // file name
    var dt = $('#doc_type'); // drop down
    switch (f.split('.').pop()) { // check the file extension
        case 'txt':
            dt.val('C');
            break;
        case 'png':
            dt.val('A');
            break;
    }
    $('input[name=tab]').val(f); // store the file name in the hidden field
});

これがあなたが探していたものと正確に一致しない場合はお知らせください-答えを更新します。

于 2012-12-28T22:38:17.677 に答える