如何在JQuery中選擇按鈕

<?php foreach ($list as $item): ?> 
    <tr> 
    <td> 
    <div id="<?php echo $item['id']; ?>"> 
    <input type="text" name="name" id="name"/> 
    <button type="submit" id="ajax_submit" value="<?php echo $item['id']; ?>">run</button> 
    </div> 
    </td> 
    </tr> 
<?php endforeach; ?>

在這個php代碼中，我生成了html表格。當用戶點擊按鈕，它們激活此jQuery腳本如何在JQuery中選擇按鈕

<script> 
    $(document).ready(function(){ 
    $('button').click(function(){ 
     var id = "#" + $("button").val(); 
      $.post("data/js", { name: $("#name").val(),id : id }, 
      function(data){ 
      $(id).html(data); 
     }); 
     }) 
    }); 
</script>

但是，當我要選擇表中的非第一個按鈕，腳本運行功能第一。請幫助一切正常。

PS對不起，我的英語;-(

來源

2010-09-26 NiLL

您正在使用的ID 「名」和「ajax_submit」多次;你不可以做這個。 ID在文檔中必須是唯一的。 – meagar 2010-09-26 18:34:44

我明白這一點，但我不知道這是怎麼做的... – NiLL 2010-09-26 18:42:32

http://stackoverflow.com/questions/3799228/how-select-button-in-jquery/3799264#3799264 – Stewie 2010-09-26 18:45:57

試試這個：

<?php foreach ($list as $item): ?> 
    <tr> 
    <td> 
    <div id="<?php echo $item['id']; ?>"> 
    <input type="text" name="name" id="name"/> 
    <button type="submit" id="ajax_submit_<?php echo $item['id']; ?>" value="<?php echo $item['id']; ?>">run</button> 
    </div> 
    </td> 
    </tr> 
<?php endforeach; ?>

<script> 
    $(document).ready(function(){ 
    $('button').click(function(){ 
     var id = $(this).attr('value'); 
      $.post("data/js", { name: $(this).prev().attr('name'),id : id }, 
      function(data){ 
      $(id).html(data); 
     }); 
     }) 
    }); 
</script>

來源

2010-09-26 18:39:11 Stewie

GREAT THANKS !!!!整個工作，我試圖解決這一整天=）謝謝謝謝謝謝）） – NiLL 2010-09-26 18:47:13

如果這解決了你的問題，請接受它（點擊答案旁邊的✓）。 – 2010-09-26 18:52:20

不客氣:)另外，我注意到你有$（'＃name'）。我猜你會在將來面臨一個問題..所以，節省你另一個qustion ..請改變它到這個：$（this）.prev（）。attr（'name'）..（我修正了它在我的代碼塊中，上面） – Stewie 2010-09-26 18:55:28

您可以使用jQuery的$（）函數由ID而不是通過要素選擇：

<script> 
    $(document).ready(function(){ 
    $('#ajax_submit').click(function(){ 
     var id = "#" + $("#ajax_submit").val(); 
      $.post("data/js", { name: $("#name").val(),id : id }, 
      function(data){ 
      $(id).html(data); 
     }); 
     }) 
    }); 
</script>

注：的ID必須是。獨特如果你要選擇另一個按鈕，然後給它一個不同的ID（如id="second_button），並與$('#second_button')選擇它

來源

2010-09-26 18:33:08 halfdan

如何在JQuery中選擇按鈕

回答

相關問題