Var和输入变量使用Jquery [英] Var and input variable using Jquery

查看:332
本文介绍了Var和输入变量使用Jquery的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我已将以下代码添加到我的程序。

I have added the following code to my program.

var text = $( this ).text();
$( "input" ).val( text );

虽然不是填写输入我的形式它改变我的提交按钮。我如何得到这个填充我的 input type = text 的文本,而不是覆盖我的输入type = submit

Although instead of filling the input blank on my form it changes my submit button. How can I get this to fill in the text of my input type=text instead of overwriting my input type=submit?

我的程序代码如下。

<!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();
                var text = $( this ).text();
                $( "input" ).val( text );
                $("#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"
                enabled="no" required="yes" validateat="OnSubmit" 
                message="Please enter your comment here">
            </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> 


推荐答案

b

$('input[type="text"]').val(text);

或者由于您有id,您可以使用输入文本框的id。

or since you have id, you can use the id of your input textbox.

$("#Image_ID").val(text);

这篇关于Var和输入变量使用Jquery的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆