Question

只是想问一个关于使用jquery传递值并在表单隐藏文本框中分配它的问题。这是我的代码，希望你能帮助我。

**homepage.php**
 <?php
    $cat_id = $row['salescatid'];
 ?>
 <input type="button" name="add_comment" data-value="<?php echo $cat_id; ?>" value="Add Comment" class="comment" />
 .
 .
 <div id="comment_category">
 <!-- DISPLAY COMMENT HERE -->
 </div>
 <?php echo form_open('CATEGORY_CONTROLLER/INSERT_COMMENT'); ?>
 <div id="comment_add" style="display: none;">
    <input type="hidden" value="" name="cat_id" /> //Here's the problem how can i get the value from my jquery?
    <input type="hidden" value="sales_category" name="type"/>
    <label>Write your comment</label><br />
    <textarea name="comment_category" style="width: 50%; resize: none;"></textarea><br />
    <input type="submit" value="COMMENT" class="btn btn-primary btn-SMALL"/>
 </div>
 <?php echo form_close(); ?>
 .
 .
 .
 //Here's my jquery
 $(".comment").click(function(){
       var id = $(this).attr('data-value'); //This is the value of the button, problem is how to pass it in my comment form?
       $("#comment_add") .show();
       //alert(id);
 });

请帮帮我们。感谢。

Answer 1

您可以使用.val()为输入元素指定值，并使用attribute selector使用name属性选择输入字段

$('input[name="cat_id"]').val($(this).attr('data-value'))

例如：

 $(".comment").click(function(){
       var id = $(this).attr('data-value'); //This is the value of the button, problem is how to pass it in my comment form?
       $('input[name="cat_id"]').val(id)
       $("#comment_add") .show();
       //alert(id);
 });

Answer 2

$('input[name="cat_id"]').val(id);

Answer 3

我建议在元素中添加一个id，以便您轻松选择它：

<input type="hidden" value="" id="cat_id" name="cat_id" />

或者您也可以按照其他答案中的建议选择它，然后您可以使用jQuery轻松设置其值：

var id = $(this).attr('data-value');
$("#cat_id").val(id);

希望这有帮助！

如何在div或表单中传递jquery值并将其分配到隐藏文本框中？

3 个答案: