Jquery UI對話框 - 傳遞動態變量並更改對話框格式html

我有一個用jqueryUI創建的上傳文檔對話框，效果很好，但我需要將它添加到包含多個選項卡的頁面中，並在drop中旋轉默認文檔類型下拉框以及更改表單驗證使用的表單中的隱藏值（主要是上載後返回到正確的選項卡）。Jquery UI對話框 - 傳遞動態變量並更改對話框格式html

我可以在頁面的底部創建一小部分這樣的重命名的對話框，以便每個對話框都是唯一的，從每個獨特的按鈕點擊開始，但是這會在頁面上創建大量不必要的臃腫太大了。

我真正想要的是不幸的是通過一些源點擊自動改變隱藏的輸入字段，並更改默認的Dropbox選擇（它們直接關係）

我的編碼技能仍然noobish，我用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>

來源

2012-11-12 srt8driver

你的問題不是很清楚。「來源點擊」是什麼意思？

出於我的理解，這是我想出的。當選擇.txt文件時，以下腳本會將下拉列表更改爲CT，如果選擇.png文件，則下拉腳本將更改爲TA。

無論選擇哪個文件，文件名都將被放入隱藏字段。

$('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-28 22:38:17 Geo

Jquery UI對話框 - 傳遞動態變量並更改對話框格式html

回答

相關問題