2012-01-01 3 views
1

が、私は送信ボタンを配置しているPHPページではページの読み込み

HTML送信ボタンを非表示にする:

<input type="submit" name="btnAdd" id="btnAdd" Value="Add"> 

を私は、リンクがclikedされたときに(jQueryのを使用して)このボタンを非表示にする必要があります

リンク:

echo '<a href=" '.$_SERVER['PHP_SELF'].'" onClick="MyFunction()"> Edit </a>'; 

Javascriptを:

<script type="text/javascript"> 
    $(document).ready(function() { 
     function MyFunction(){  
      $('btnAdd').hide(); 
     }); 
</script> 

しかし、予想通り、このコードは、ボタンを非表示にしていません。これをどうすれば解決できますか?

+2

IDが#記号で呼び出され、 ''#btnAdd'' – Jakub

+0

... CSSのse講師(あなたのjQueryセレクターを含む)は、HTMLではなく、明確にするために使用します。 –

答えて

6

セレクタが間違っています。あなたはid selectorため#btnAddを使用する必要があります。

<script type="text/javascript"> 
    function MyFunction() {  
     $('#btnAdd').hide(); 
    } 
</script> 

また、あなたはそれが個人スコープのことを避けるためにdocument.readyコールバックの外MyFunction機能を置く必要があります。

もう一つの可能​​性は控えめにこれを行うことです。

<a href="#" id="edit">Edit</a> 

し、[編集]リンクの.click()イベントにサブスクライブ::のように書くことが容易と思われる

echo '<a href=" '.$_SERVER['PHP_SELF'].'" id="edit"> Edit </a>'; 

<script type="text/javascript"> 
    $(function() { 
     $('#edit').click(function() { 
      $('#btnAdd').hide(); 
     }); 
    }); 
</script> 
+0

私は知っておもしろいです。あなたは控えめなバージョンを好むですか? – gdoron

+0

@godon、はい、します。 –

+0

かなり皆さんしています。 –

関連する問題