Javascript 如何在单击时将文本附加到输入字段？_Javascript_Php_Jquery_Forms

Javascript 如何在单击时将文本附加到输入字段？

javascript php jquery forms

Javascript 如何在单击时将文本附加到输入字段？,javascript,php,jquery,forms,Javascript,Php,Jquery,Forms,我有一个图像，每次你点击它时，我都想将图像的名称（或id）附加到输入字段中，然后提交它（如果可能的话，会自动提交）当我打印到控制台时，检查是否正常打印，但当我实际提交表单时，它不起作用。试试看 $('img').click(function(){ $('#inputF').val($('#inputF').val() +","+ this.id) $("input[type=submit]").trigger("click"); }); 脚本运行良好。将您的img标签包

我有一个图像，每次你点击它时，我都想将图像的

名称

（或

id

）附加到输入字段中，然后提交它（如果可能的话，会自动提交）

当我打印到控制台时，检查是否正常打印，但当我实际提交表单时，它不起作用。

试试看

 $('img').click(function(){

    $('#inputF').val($('#inputF').val() +","+ this.id)

    $("input[type=submit]").trigger("click");
});

脚本运行良好。将您的img标签包含在表单标签中，如下所示

<html>
<head>
  <title></title>
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="jstophp.js"></script>
</head>
<body>
<form action="form2.php" method="post">
<a><img id="rar" src="images/5euro.jpg"></a> <br />
<a><img id="rar2" src="images/5euro.jpg"></a> <br />
    Name: <label><input id="inputF" type="text" name="name"></label><br>
    <input type="submit">
</form>

</body>






名称：

将x的赋值移动到单击功能中，如下所示：

var check = null;
$(document).ready(function(){
    $('img').click(function(){

        var x = $('#inputF');

        //gets attribute id from image
        check = $(this).attr("id");

        //puts image name into input field value (doesnt work)
        x.val(x.val() + check);

        //checks variable `check`
        console.log(check);
    });
});

这是我的建议-

和代码：

var $form = $('#formF');
var $input = $('#inputF', $form);

$('img').on('click', function(e) {
    $input.val(this.id);
    $form.submit();
});

“它不起作用”-它怎么不起作用？你想要的结果是什么？对我来说，它是有效的。看这里：看，是的，这正是我想要的。唯一缺少的是，我想它自动提交后，你点击图像。

<html>
<head>
  <title></title>
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="jstophp.js"></script>
</head>
<body>
<form action="form2.php" method="post">
<a><img id="rar" src="images/5euro.jpg"></a> <br />
<a><img id="rar2" src="images/5euro.jpg"></a> <br />
    Name: <label><input id="inputF" type="text" name="name"></label><br>
    <input type="submit">
</form>

</body>

var check = null;
$(document).ready(function(){
    $('img').click(function(){

        var x = $('#inputF');

        //gets attribute id from image
        check = $(this).attr("id");

        //puts image name into input field value (doesnt work)
        x.val(x.val() + check);

        //checks variable `check`
        console.log(check);
    });
});

 $('img').click(function(){
   var test=$(this).attr("src");
   $('#inputF').val($('#inputF').val() +","+test)
});

var $form = $('#formF');
var $input = $('#inputF', $form);

$('img').on('click', function(e) {
    $input.val(this.id);
    $form.submit();
});