2

ここで表示しようとしていて、ボタン「go」をクリックする<div>とid="importLocations"、すべて正常に動作しますが、jqueryを使用して実行したいのですが、動作させることができません:

<script>
   function onClickButton(){
      alert("Came inside");
      document.getElementById('importLocations').style.display ='inline';
   }
</script>
<label>Functions/Tools :</label>
 <select id ="selFunction" name ="selFunction" class ="DataEntryField">
<option value ="Select">Select</option>
<optgroup label="Import From">
<option value ="1">India</option>
<option value ="2">America</option>
<option value ="3">china</option>

</optgroup>             
 </select>
<input type="button" value="Go" id="functionBtn" onClick="onClickButton()" class = "input"/>

<div id="importLocations" style="display:none;" class="header">
 <span id="locatinCaption">Import Location</span> <span class="close">
 <img id="closeLoc" width="15px" height="15px" alt="Close this section" src="/resources/images/crossMark.gif"/></span>
<br/>
<label class="DataEntryLabel"> Search by </label>
<input  type="text" id="importLocation" value="select" size="30" readonly="readonly"/>
 <input  type="text" id="searchTextArea" size="30" class="DataEntryField"/>
 <button type="button" id="importLoc" value="importLoc" class="DataEntryButton"/>search</button>
 </div>
4

2 に答える 2

3

の中に<head>、これを追加します。

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

次のように使用します。

function onClickButton(){
    $('#importLocations').show();
}

フィドル: http://jsfiddle.net/praveenscience/PLvtc/1/

または、さりげなく:

$(document).ready(function(){ 
    $('#functionBtn').click(function(){ 
        $('#importLocations').show();
    });
});

フィドル: http://jsfiddle.net/praveenscience/PLvtc/2/

于 2013-03-07T07:49:14.503 に答える
0 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>    
$(document).ready(function(){ 
$('#functionBtn').click(function(){ 
$('#importLocations').show();
});
});
</script>

これらのスクリプト タグをページの Head セクションに配置します。

于 2013-03-07T07:48:53.303 に答える