2

ページに1つのドロップダウンリストがあり、2つのオプションが含まれています。私が欲しいのは、ユーザーがドロップダウンリストで2番目の値を選択すると、別のページが読み込まれることです。これは、ドロップダウンボックスの値をクリックしたときにページを切り替える方法を意味します。ヘルプのために私はドロップダウンリストの私のhtmlコードを置いています。

        <select id = "viewList" class="fl width160">
            <option>Target</option>
            <option>Source</option>
        </select>

したがって、ユーザーがソースオプションをクリックすると、別のjsページが開くはずです。そして、そのためのコーディングを.jsファイル（Jquery）にどのように書くべきですか？

4

4 に答える 4

2

このようにHTMLコードを変更する必要があるようです

 <select id = "viewList" class="fl width160">
        <option value ="Target">Target</option>
        <option value ="Source">Source</option>
    </select>

$("#viewList").change(function() {
        if( $("#viewList").val =='Target')
    {
        _loadTargetList();
    }
    else
    {
        _loadSourceList();
    }   
});

ここ_loadTargetListと_loadSourceList両方は、htmlファイルまたはjsファイルをロードする場所を提供する関数です。htmlまたはjsファイルをロードする方法の例を次に示します。最初にjsを呼び出し、次にhtmlを介してjsを呼び出し、次にこれを呼び出します。

codeLoadingMgr.loadInclude( path + '/Target.js', function() {
codeLoadingMgr.getHTML(path + '/Target.html', function(html) {
});
});
Other wise you can direct load the html also.

お役に立てれば。

于 2012-07-04T12:24:22.680 に答える
2

これはコードです：

  <select id ="viewList" class="fl width160">
      <option value="" selected>Please select</option>
      <option value="http://www.google.com">Google</option>
      <option value="http://www.yahoo.com">Yahoo</option>
  </select>
<script type="text/javascript">
$(function(){$('#viewList').bind('change', function(){if($(this).val()) window.location=$(this).val();});});
</script>​

このjsfiddleを参照してください。コードをiframeで実行するため、JSfiddleでは機能しない可能性があることに注意してください。ここでテストできます

于 2012-05-24T14:15:31.547 に答える
0 
$("#viewList").change(function() {
   if ($(this).find(':selected').text() == 'Source')
      window.location = 'urltogoto';
});
于 2012-05-24T14:10:34.403 に答える
0

@PenchoIlchevの解決策は有効ですが、bindメソッドを使用したくない場合は、次のことを試すことができます。

 <select id = "viewList" class="fl width160" onchange="change();">
        <option>Target</option>
        <option>Source</option>
    </select>​

function change(){
    url = $("#viewList option:selected").html();
    location.href = url;
}​

http://jsfiddle.net/FKjFC/

于 2012-05-24T14:20:08.150 に答える