0

すみません、私は英語がとても下手です。

さまざまなボタンから呼び出されたときに、いくつかのフィールドを非表示にするフォームが 1 つあります。

ボタンは次のとおりです。

<a  data-target="#call">Button 1</a> 
<a  data-target="#call">Button 2</a>

フォームは次のとおりです。

<div id="call">
<form>
<div class="pole1">Field 1</div>
<div class="pole2">Field 2</div>
</form>
</div>

フォームは 1 つの ID しか持てません。私の場合は「呼び出し」です。

「ボタン1」をクリックしたときに「フィールド1」しか表示されないようにするにはどうすればよいですか？「ボタン2」をクリックしたときに「フィールド2」しか表示されないようにするにはどうすればよいですか？

4

2 に答える 2

0

これを試してください

<a  data-target="#call" onclick="show('id1');">Button 1</a> 
<a  data-target="#call" onclick="show('id2');">Button 2</a>

フォームは次のとおりです。

<div id="call">
<form>
<div class="pole1" id="id1"  style="display:none">Field 1</div>
<div class="pole2" id="id2"  style="display:none">Field 2</div>
</form>
</div>

JavaScript コード :

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

   <script type="text/javascript">
    function show(elementId) 
    { 
     document.getElementById("id1").style.display="none";
     document.getElementById("id2").style.display="none";
     document.getElementById(elementId).style.display="block";
    }
   </script>
于 2018-10-24T06:56:08.283 に答える