单击页面元素并将其用作表单数据

Question

我正在建立一个有照片页面的网站.在照片页面上,我想有专辑和单张照片.我还希望用户能够创建一个新专辑,只需单击我的"+创建专辑"按钮,然后只需单击他们想要存储在该专辑中的图像.我不确定我需要知道怎么做.我知道如何创建一个表单,这基本上就是我需要的,并使用php将数据存储在我的数据库中以创建相册,但我不知道该怎么做是由用户输入我的表单中的值只需单击相册中所需的图像即可.这是一个插图,包括步骤.

Answer 1

基本上回答你关于"如何从图像中获取用户定义的值到表单"的问题,你可以使用:

DEMO

http://jsfiddle.net/insertusernamehere/DdNZz/

JavaScript的

$(document).ready(function () {

    // add event handler to the image
    $('#image').click( function(event) {

        // put value into the input field
        $('#input').val( $(this).data('myvalue') );
    });
});

HTML

<img id="image" src="http://lorempixel.com/output/nightlife-q-c-200-200-4.jpg" data-myvalue="image one clicked" alt="">
<input type="text" id="input" value="">

使用data-*-attribute可以指定自己的值,并且是完全有效的HTML5,而旧的浏览器也可以毫无问题地处理它.

但是对于你的想法还有很多想法,我不确定,这对于SO的问答是否会有很大帮助.