gpt4 book ai didi

javascript - 使用 jquery 动态确定的表单变量

转载 作者:搜寻专家 更新时间:2023-10-31 08:10:58 25 4
gpt4 key购买 nike

更新

jsfiddle.net/xDA9p/2 与此类似。除了不是电子邮件或网站,它会自动确定 Image_ID

实际上,如果有人可以通过向我展示如何在单击某个按钮时自动更新图像 ID 的输入表单来帮助我,这就足以完成我需要完成的工作。谢谢!

目前,如果您注意到必须手动输入 Image_ID。我正在努力避免输入这些内容,这样当有人选择要查看的图像时,他们可以立即对该图像发表评论!

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>
Untitled Document
</title>

<cfquery datasource="AccessTest" name="qTest">
SELECT P.Account, P.Image, P.Image_ID, C.Remarks, C.Users, C.Accounts, C.Date_Time
FROM PictureDB AS P
INNER JOIN CommentsDB AS C
ON C.Image_ID = P.Image_ID
ORDER BY P.Image_ID
</cfquery>

<script src="http://code.jquery.com/jquery-2.0.3.js">

</script>

<script>
$(document).ready(function(){
var images = {
<cfoutput query="qTest" group="Image_ID">
"#qTest.Image_ID#": {
"image": "#qTest.Image#",
"remarks": [
<cfoutput>
"#qTest.Users#, #qTest.Date_Time# <br> #qTest.Remarks# <br> </br>",
</cfoutput>
]
},
</cfoutput>
};
$("button").click(function(event){
event.preventDefault();
var id = $(this).data("id");
var src = images[id].image;
var desc = images[id].remarks.toString();

$("#theImage").attr("src", src).removeClass("hide");
$("#theDescription").html(desc).removeClass("hide");
});
});
</script>
</head>

<body>



<cfoutput query="qTest" group="Account">
<button data-id="#qTest.Image_ID#">
#qTest.Account#

</button>

</cfoutput>

<cfform name="InsertComments" id="InsertComments">
<fieldset>
<div id="container">
<div id="mainContent">


<textarea name="Remarks" cols="55" rows="4" label="Tour Description"
required="yes" validateat="OnSubmit" message="Please enter your comment here"
enabled="no">
</textarea>
<input type="text" name="Image_ID" message="Please enter Account Here."
validateat="onSubmit" required="yes" id="Image_ID" size="10"
maxlength="60">
</input>
<input type="submit" name="insertComments" value="Insert Comments" id="submit">
</input>
</div>
</div>
</fieldset>
</cfform>
<cfif IsDefined("form.InsertComments")>

<cfquery datasource="AccessTest">
INSERT INTO CommentsDB (Remarks, Image_ID, Date_Time )
VALUES
(<cfqueryparam value="#form.Remarks#" cfsqltype="CF_SQL_LONGVARCHAR">

, <cfqueryparam value="#form.Image_ID#" cfsqltype="cf_sql_integer">

, <cfqueryparam value="#now()#" cfsqltype="cf_sql_timestamp">

)
</cfquery>

</cfif>


<img id="theImage" class="hide">
<div id="theDescription" class="hide">
</div>

</body>
</html>

enter image description here

最佳答案

var text = $( this ).data("id");
$("#Image_ID").val(text);

这解决了问题。

关于javascript - 使用 jquery 动态确定的表单变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21344498/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com