0

これが私がやろうとしていることです：

<select id="dynamic_select">
<option value="http://blog.mysite.com/">United Kingdom</option>
<option value="http://fr.blog.mysite.com/">France</option>
<option value="http://de.blog.mysite.com/">Deutschland</option>
<option value="http://it.blog.mysite.com/">Italia</option>
<option value="http://jp.blog.mysite.com/">日本</option>
<option value="http://es.blog.mysite.com/">España</option>
</select>

最初のスクリプト

jQuery(function(){
  // bind change event to select
  jQuery('#dynamic_select').bind('change', function () {
      var url = jQuery(this).val(); // get selected value
      if (url) { // require a URL
          window.location = url; // redirect
      }
      return false;
  });
});

別のスクリプト

jQuery(document).ready(function() {
 if(window.location.href.indexOf("fr") != -1) {
jQuery("#dynamic_select option[value='2']").attr('selected', 'selected');
}
});

これはiPhoneに表示される言語セレクターです（WPtouchProを使用）。最初の部分、つまり選択に基づくURLの変更は完璧に機能しています。しかし、ドロップダウンリストで選択されたオプションを値と等しい値に変更したいと思います。ページのURL..すべてのブラウザで正しく表示されるようにそれらの日本語の文字を書く方法も..ありがとう:)

4

1 に答える 1

2

日本語文字にはUTF-8文字セットを使用します。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

属性を使用することでdata、これを試すことができます。

<select id="dynamic_select">
<option data-c="uk" value="http://blog.mysite.com/">United Kingdom</option>
<option data-c="fr" value="http://fr.blog.mysite.com/">France</option>
<option data-c="de" value="http://de.blog.mysite.com/">Deutschland</option>
<option data-c="it" value="http://it.blog.mysite.com/">Italia</option>
<option data-c="jp" value="http://jp.blog.mysite.com/">日本</option>
<option data-c="es" value="http://es.blog.mysite.com/">España</option>
</select>

window.location.href.slice(7, 9)に等しいと仮定してde：

$(document).ready(function() {
      lt = "de";
    $("#dynamic_select option").each(function(){
       if ($(this).data("c") == lt ) $(this).prop("selected", true);
    })
});

http://jsfiddle.net/qj8x8/1/

于 2012-04-26T22:37:10.150 に答える