如何从PHP到jQuery获取数组中的数据

Question

嗨，我是PHP和Jquery的新手！ 请先查看代码，然后是我的问题。

HTML + PHP代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;   </button>
    <h4 class="modal-title" id="myModalLabel">Add new Project</h4>
  </div>
  <div class="modal-body">
        <p class="validateTips">Select a Project</p> 
        <div id="start">
            <?php
              foreach($data as $list_proj) {
            ?>
                <a><p class="padd" id="<?php echo 'padd'.$list_proj->mlist_id;?>"><u><?php echo $list_proj->proj_title ?></u></p></a>
                <input type="text" name="hide_id"  id="<?php echo 'hide_id'.$list_proj->mlist_id;?>" class="hide_id" value="<?php echo $list_proj->mlist_id ?>" />
            <?php
                }
            ?>
        </div>

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary" id="save">Save changes</button>
  </div>
</div>

上面的代码创建了一个来自模态内部数据库的项目标题列表。

JQUERY代码：

 <script>
    $(window).load(function() {
        $("#hideito").hide();
        });
    $(document).ready(function(){
    $(".padd").click(function(){
        var value = $("#hide_id1").val();
      $(".hide_nayan").val(value);
         $("#hideito").show();
         $("#myModal").modal("hide" ); 
        });
    });
  </script>

上面的代码必须选择要单击的特定列表。 现在我的问题是，如何从模态中创建的文本框中获取特定值，然后将其传递给页面中的另一个文本框？ 我已经使用数据库中的“ hide_id” +它们各自的ID设置了它们的ID，但是它们共享一个通用的类名。

Answer 1

$(".padd").click(function(){
            var projectTitleValue = $(this).attr('value');
            var textboxValueUnderTitle = $(this).parent().next().attr('value');
            });
    });

这不是解决方案，因为不清楚您想要什么（尝试更好地解释），但这可能会使您入门。 上面的示例说明了如何获取项目标题的值以及其后的文本框中的值。 希望能帮助到你。 :)

Answer 2

据我了解你，这样的事情应该做的工作：

改变这个：

 <a><p class="padd" id="<?php echo 'padd'.$list_proj->mlist_id;?>"><u><?php echo $list_proj->proj_title ?></u></p></a>

<input type="text" name="hide_id"  id="<?php echo 'hide_id'.$list_proj->mlist_id;?>" class="hide_id" value="<?php echo $list_proj->mlist_id ?>" />

对此：

<p class="padd" id="<?php echo 'padd'.$list_proj->mlist_id;?>">
<a><u><?php echo $list_proj->proj_title ?></u></a>
<input type="text" name="hide_id"  id="<?php echo 'hide_id'.$list_proj->mlist_id;?>" class="hide_id" value="<?php echo $list_proj->mlist_id ?>" />
</p>

现在下面的代码应该可以工作了

<script>
    $(document).ready(function(){
        $(".padd").each(function(){
             $(this).find("a").click(function(e){
                    $(e).preventDefault();
                    $(this).find(".hide_id").each(function(){
                         var value = $(this).val();
                         $(".hide_nayan").each(function(){
                              $(this).val(value);
                         });
                    });
                   $("#hideito").show();
                   //$("#myModal").modal("hide" ); //uncomment if you want it
             });
        });
    });
  </script>