需要動態隱藏字段

我有一個腳本，允許用戶選擇圖像並寫入一些內容......他們從JQuery幻燈片查看器中選擇圖像。需要動態隱藏字段

現在，選擇圖像很簡單..但我怎樣才能將選定的圖像與其他表單數據？目前每個圖像是在一個LI元素

代碼片段：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="/js/jquery.easing.1.3.js" type="text/javascript"></script> 
<script src="/js/jquery.slideviewer.1.2.js" type="text/javascript"></script>

UPDATE我現在已經添加了這個的建議之下，但仍無法正常工作：

<script type="text/javascript"> 
$("#wl_add").submit(function (event) { 

$(this).find("input[name='item_pic_url']") 
.val($("#mygalthree img").attr('src')); 

}); 
</script> 

<div id="mygalthree" class="svw"><ul> 
<?PHP 

foreach($html->find('img') as $e){ // from simple_html_dom 

$image = $e->src; 

echo '<li><img src="'.$image.'" width=300 alt="" /></li>'; 
echo '<input type="hidden" name="item_pic_url" value="'.$image.'" />'; 

?> 

</ul></div>

隱藏字段在那裏現在當前存儲添加到UL的最後一張圖片

有沒有辦法讓一個隱藏的字段變成動態的，然後是陳根據選擇的圖像蓋德 - 理想我需要的隱藏字段

來源

2012-01-24 Darren Sweeney

發佈您的用於選擇圖像的JavaScript和jQuery代碼。 –

添加另一個隱藏字段，current_item_url或任何你想叫它。
添加一個submit聽衆的表單。
在submit監聽器，所述當前圖像的src複製到隱藏字段。

例如，是這樣的：

$("#whatever-form").submit(function (event) { 

    $(this).find("input[name='current_item_url']") 
    .val($("#mygalthree img").attr('src')); 

});

或者，如果slideviewer觸發一個事件或者提供一個回調，你可以掛接到，你可以在幻燈片的變化，如果你想更新的隱藏字段的值。

來源

2012-01-24 14:00:09 JMM

改變了表單名稱和輸入名稱來匹配，但這只是不工作......隱藏字段有value =「」開始或根本沒有，例如，沒有值屬性書寫...並且上述腳本在表單之前或之後執行？還是沒關係 –

更新的問題 –

請參閱這裏的例子，並根據需要進行調整：http：//jsfiddle.net/vfu8e/。檢查'current_item_url'元素，然後提交表單並再次檢查。正如在這個例子中，我最初將'value =「」'放在隱藏的'input'中，但是不管你是否這樣做，或者忽略了這個屬性，它的值將默認爲空字符串。如果將腳本放在$（document）.ready（）中，腳本不需要放在表單之前，否則它需要放在表單後面，以便當您嘗試附加'submit'監聽器。 – JMM

當點擊事件發生在IMG SRC，更新的隱藏字段這樣的：

$('item_pic_url').value('selected_image_identifier');

來源

2012-01-24 13:53:39

需要動態隱藏字段

回答

相關問題