0

我有以下 HTML 代码

<input type="text" readonly name="Name" class="GadgetName" placeholder="Please Enter the Gadget Name" value="Potatoe Masher" />
<input type="text" readonly name="Description" class="GadgetDescription" placeholder="Please Enter the Gadget Description" value="You'll Never Stop Mashing !" />
<form action="SubmitComment" method="POST">
    <div class="Comment">
        <textarea rows="4" cols="200" name="Comment" class="GadgetComment" id="Comment2" placeholder="Write Comments Here"></textarea>
        <input type="button" value="Submit Comment" class="CommentButton" onclick="AddComment()" />
    </div><br />
</form>

我需要访问只读文本框中Name的文本和文本区域中的Comment文本。

请注意,这些行位于 for 循环中,因此有多个具有相同类名的组件。

我设法Comment使用此代码获取 textarea 中的值

$(document).ready(function(){
    $(document).on("click", ".CommentButton", function(){
        text = $("textarea", $(this).parent()).val();
    });
});

我现在需要的是访问文本框中的Name文本。

4

2 回答 2

1

这是你如何做到的。

$(document).ready(function () {
  $('.CommentButton').click(function () {
    console.log($(this).closest('form').parent().find('[name="Name"]').val());
    console.log($(this).parent().find('[name="Comment"]').val());
  });
});

您也可以在实际操作中进行尝试。

于 2013-01-17T23:44:31.320 回答
0

您可以通过两种方式做到这一点:

  1. 从使用输入名称..

    $(document).ready(function () {
    
    $(document).on("click", ".CommentButton", function () {   
        text    =   $("textarea", $(this).parent()).val();
        var name = $("input[name='Name']").val();
        var description = $("input[name='Description']").val();
       });
    });
    

或者

2 通过使用类名:

    $(document).ready(function () {

    $(document).on("click", ".CommentButton", function () {   
        text    =   $("textarea", $(this).parent()).val();
        var name = $(".GadgetName").val();
        var description = $(".GadgetDescription").val();
       });
    });

JsFiddle:http: //jsfiddle.net/KZ9hx/1/

于 2013-01-17T23:49:01.330 回答