需要有动态隐藏字段


Need to have dynamic hidden field

我有一个脚本,允许用户选择一个图像并编写一些内容……他们从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>

更新我现在已经按照下面的建议添加了这个,但仍然不起作用:

<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 的最后一个图像

是否有办法使隐藏字段动态,然后根据所选图像进行更改-理想情况下,我需要隐藏字段中的img src

  1. 添加另一个隐藏字段,current_item_url或任何您想称之为的字段。

  2. 为窗体添加submit侦听器。

  3. submit侦听器中,将当前图像的src复制到隐藏字段。

例如:

$( "#whatever-form" ).submit( function ( event ) {
  $( this ).find( "input[name='current_item_url']" )
    .val( $( "#mygalthree img" ).attr( 'src' ) );
} );

或者,如果幻灯片查看器触发事件或提供可挂接的回调,则可以在幻灯片更改时更新隐藏字段的值(如果需要)。

当点击事件发生时,更新隐藏字段,如下所示:

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