获取文本框的 id 和值 [关闭]

Question

我无法获取文本框的 ID 和值。

我这里有这个 PHP 代码：

<h1>Receive</h1>
<h1>Receive Materials</h1>

<?php
    //Materials
    $p = proj_id_from_user_id($user_id);
    $r = mysql_query("SELECT `mat_name`, `mat_id` FROM `requests` JOIN `materials` USING (`mat_id`) WHERE `stat_id`=4 AND `proj_id`='".$p."'");

    while($rows = mysql_fetch_assoc($r)) {
        $mat_id = array($rows['mat_id']);
        $mat_name = array($rows['mat_name']);

        foreach($mat_name as $mat_name_key => $materials){
            echo '<p id="receiveitem">';
            echo '<label for="mat_id">Material</label>';
            echo '<input type="text" id="'.$mat_id[$mat_name_key].'"value="'.$materials.'" disabled/>';
            echo '<label for="rec_qty">Quantity</label>';
            echo '<input type="text" id="rec_qty" />';
            echo '<input type="button" id="receive" value=Receive />';
            echo '</p>';
        }
    }
?>

我想要实现的是当我点击按钮时接收。它将提醒文本框的值及其 id。

我也有这个 JavaScript 代码：

$(document).ready(function(){
    $('input#receive').click(function(){
        alert();
    });
});

Answer 1

您需要有某种方式来识别您的文本框。如果你给文本框一个 CSS 类“mytextbox”，那么你的 jQuery 代码将是：

$(document).ready(function(){
    $('input#receive').click(function(){
        alert($('input.mytextbox').val());
    });
});

查看jQuery selectors 文档。

Answer 2

$(document).ready(function(){
    $('input#receive').click(function(){
          $('input[type=text]').each(function() {
               var input_value = $(this).val();
               var input_id = $(this).attr('id');
               alert('Value: ' + input_value + ', ID: ' + input_id);
          });

    });
});