• 締切済み

ASP.NET 2.0 『×』の表示について

VS2005Express にて個人的な携帯サイトの開発をしております。 Webフォーム上でSelectボックスを表示する際、下記の様に記述しております。 <asp:DropDownList runat="server" id="ddl">  <asp:ListItem Text="×" Value="×" Selected="True" />  <asp:ListItem Text="○" Value="○" /> </asp:DropDownList> このソースでHTMLを生成すると、下記の様に出力されます。 <select name="ddl" id="ddl">  <option selected="selected" value="×">×</option>  <option value="○">○</option> </select> と、この様に『×』のテキスト部分が特殊文字の数値になってしまいます。(もちろん、ブラウザ上ではちゃんと『×』と表示されます) DoCoMo、auの機種ならば問題はないのですが、Vodafone(確認には「ウェブコンテンツヴューア」というエミュレータを使用しております)で表示した際、×の部分がそのまま「×」と表示されてしまいます。 そこで、特殊文字の数値になってしまう理由と、 HTMLを生成する際『×』として出力する方法をご存知の方がいましたら、教えていただけますでしょうか。 回避方法と代案は思いついており、好奇心で質問しておりますので、お暇なときにでもコメントいただければと思います。

みんなの回答

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

自分なら「似た文字」で代用するかな 例えば「x」。勿論丸は「o」 同じ意味だと思うけれど一応「&times;」も試してみて(数値がダメでも名前なら受け付けるかも)

1200cc
質問者

お礼

早速のご回答ありがとうございます。 なるほど、『×』の代わりに『X』を使うということですね。 確かに安全でお手軽な方法です。 思いつきませんでした。 ちなみに僕の考えていた回避策は、DropDownListクラスを継承した カスタムコントロールを作成し、Renderメソッドをオーバーライド してHTML生成部分を自分でやってしまおうという方法です。 実際に試してみましたが、この方法でテキストとしての『×』を 出力することができました。 貴重なご意見、ありがとうございました。

1200cc
質問者

補足

追記: ちなみに「&times;」も試してみましたが、ダメでした… 認識してくれても良さそうなんですけどもね。

関連するQ&A

  • プルダウンをもう一つ増やしたい&フレームページで使用のため、別ウインドウで表示させたい

    ↓他サイトさんにてサンプルで置いてあったものを拝借して自分なりにやってみました。 1、これをさらにもうひとつプルダウンを選択させて他サイトへジャンプさせる場合はどのようにしたらよいですか。 2、フレームページで使うので、他サイトの表示を別ウインドウで表示させたいのですが、どのようにしたらよいですか。 よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http:///www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title></title> <script type="text/javascript" language="JavaScript"> <!-- function showthis(obj) { if(!obj) return false; if(document.getElementById) { document.getElementById("item1").style.display = "none"; document.getElementById("item2").style.display = "none"; document.getElementById("item3").style.display = "none"; document.getElementById(obj).style.display = "inline"; } else { return false; } } // --> </script> <style type="text/css"> #item1,#item2,#item3 { display: none; } </style> </head> <body> <form> <select onchange="showthis(this.value)"> <option selected="selected">選んでください</option> <option value="item1"></option> <option value="item2"></option> <option value="item3"></option> </select> <select id="item1" onchange="location=this.value"> <option selected="selected">選んでください</option> <option value=""></option> <option value=""></option> <option value=""></option> </select> <select id="item2" onchange="location=this.value"> <option selected="selected">選んでください</option> <option value=""></option> <option value=""></option> <option value=""></option> </select> <select id="item3" onchange="location=this.value"> <option selected="selected">選んでください</option> <option value=""></option> <option value=""></option> <option value=""></option> </select> </form> </body> </html>

  • click frameworkについて

    clickでselectを作成し <select name="sselect" id="selectId" size="1"> <option selected="selected" value="a"> あいうえお </option> </select> というHTMLが作成され optionのvalueではなく "あいうえお"の部分を取得したいのですがどうすれば出来ますか? (valueは取得できます。)

    • ベストアンサー
    • Java
  • javascriptでセレクトボックスを動的に

    javascriptでセレクトボックスの"selected"を動的に変更する方法を教えてください>< 下記のselectedを"10"から"50"に変更したいのですが、 某ASPサービスの環境下での作業のため制約があり直接変更できません。 <body onload="event"> <select name="select"> <option value="10" selected="selected">10件</option> <option value="30">30件</option> <option value="50">50件</option> </select> そこで、JavaScriptで何とかしようと思うのですが、 <select>~ </select>の間(selectタグ含む)は、ASPサービスの制約でIDやclassを入れることもできず、 変更できるのは、body開始タグ部分、headerタグ内、body内(一部)です。 ページを読み込んだ際に、「50件を選択」、「10件からselected外す」状態にしたいです。 いろいろサイトを見てなんとなくできそうな気はするのですが、 スキル的に初心者レベルのため、わかりませんでした。 何卒よろしくお願いします!

  • IDをvalueの値でなく、class名から取得したい

    HTML上でvalue値を日本語にしてスマートに値を取得したいため、 value値でなくclass名でidnameに引き渡したいです。 (value)を(className)にしてみる等試行錯誤してみましたが どうやら見当違いのようです。お知恵を拝借したく思います。 <html> <head> <TITLE>Webサイト</TITLE> <STYLE TYPE="text/css"> <!-- .secondpulldown {display: none;} --> </STYLE> </head> <body> <script type="text/javascript"> function waySelect() { document.getElementById('select01').style.display = 'none'; document.getElementById('select02').style.display = 'none'; document.getElementById('select03').style.display = 'none'; } function SetSubMenu( idname ) { waySelect(); if( idname != "" ) { document.getElementById(idname).style.display = 'inline'; } } </script> <select name="oya" id="hiragana" onchange="SetSubMenu(value);"> <!--ここを(className)にするのは見当違いですか?)--> <option value="select01" class="select01">あいう</option> <option value="select02" class="select02">えおか</option> <option value="select03" class="select03">きくけ</option> </select> <!-- *------下に出現------* --> <br> <br> <select id="select01" class="secondpulldown" onchange="text01(this);"> <option value="0" selected>選択して下さい</option> <option value="1">ああああ</option> <option value="2">いいいい</option> <option value="3">うううう</option> </select> <select id="select02" class="secondpulldown" onchange="test(this);"> <option value="0" selected>選択して下さい</option> <option value="1">ええええ</option> <option value="2">おおおお</option> <option value="3">かかかか</option> </select> <select id="select03" class="secondpulldown" onchange="test(this);"> <option value="0" selected>選択して下さい</option> <option value="1">きききき</option> <option value="2">くくくく</option> <option value="3">けけけけ</option> </select>

  • DropDownListの表示に列連結した文字を表示

    VisualStudio2005で開発しています。 DropDownListの表示に列連結した文字("ORG_ID"&"SHORT_OU_JA")を表示したいのですが、下記ではエラーとなってしまいます。 どのように設定したらよいでしょうか? <asp:DropDownList ID="DropDownList1" unat="server" DataSourceID="SqlDataSource1" DataTextField="ORG_ID"&"SHORT_OU_JA" DataValueField="ORG_ID"> </asp:DropDownList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:meldandyConnectionString %>" SelectCommand="SELECT ORG_ID, SHORT_OU_JA FROM meldandy.WF_ORGANIZATION"></asp:SqlDataSource>

  • javascriptでコメントアウトができません

    下記の様に 「/* ・・・・・ */」でコメントアウトしていますが、「/*」 「*/」も文字としてそのまま画面に表示され、非表示にしたいSELECTの枠も表示されてしまいます。 ご助言いただきたく宜しくお願い致します。 <body style="margin:0px; padding:0px;" onload="load()"> /* <body style="margin:0px; padding:0px;" onload="load()"> <FORM NAME=formMain > <SELECT id="categorySelect" NAME="pref" onChange="funcMain(true)"> <OPTION VALUE="" SELECTED>(カテゴリーを選択してください) <OPTION VALUE="0">食事 <OPTION VALUE="1">病院 <OPTION VALUE="2">小売店 <OPTION VALUE="3">洋服 </SELECT> <SELECT id="subcategorySelect" NAME="city"> <OPTION VALUE="" SELECTED>(サブカテゴリーを選択してください) <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> </SELECT> </FORM> */ <div> <input type="text" id="addressInput" size="40"/> <select id="radiusSelect"> <option value="0.5" selected>0.5km</option> <option value="1">1km</option> <option value="20">20km</option> </select> <input type="button" onclick="searchLocations()" value="検索へGO!"/> </div> <div><select id="locationSelect" style="width:25%;visibility:hidden"></select></div> <div id="map" style="width: 100%; height: 80%"></div> </body> </html>

  • 選択したラベルを別の箇所に表示するには?

    お世話になります。 SELECTで選択したラベルを別の箇所に表示したいと考えており下記のように記述をしましたがどうも反応してくれません・・。 アドバイス頂けますと幸いです。 ■【HTML】 <SELECT name="search_price"> <option id="sp0" value="aaa" selected><label for="aaa">りんご</label></option> <option id="sp1" value="bbb" ><label for="bbb">みかん</label></option> <option id="sp2" value="ccc" ><label for="ccc">たぬき</label></option> </SELECT> <div id ="search_price">結果未表示</div> ■【Javascript】 $(window).load(function(){ var $b = $('select[name="search_price"]'); $b.bind('change', function(){ var add = ''; $b.each(function(index, value) {★ if ('select option:selected'){★ add += '<span>' + $('select option:selected').html() + '</span>');★ } }); if (add.length > 0) { add = add.substring(0, add.length - 2) + '.'; } else { add = '結果未表示'; } $('#search_price').html(add); }); }); 選択した項目のラベル(りんご等)が#search_priceの箇所に表示をさせてたいです。 行内の★の箇所がどうも怪しいようなのですが、アドバイスのほどよろしくお願い致します。

  • inputの数値を参照しselectによる選択肢で決められた数値を表示したい

    JavaScript の素人なもので連続の質問となってしまいました。 下記のように field1 の値を参照し、 selectでの選択肢毎に決められた数値を field2 に表示したいのですが、 どういったscriptにすれば良いか、どなたかご教示をお願い致します。 ┏━━━━━┓ ┃ 例) 150   ┃(必ず1以上の数字が自動で入るinput="text" name="field1") ┗━━━━━┛ (↓ select) ┏━━━━━━┓  ┏━━━━━┓ ┃ 例) イ     ▼┃  ┃ 例) B    ┃(結果を表示させたいinput="text" name="field2" ) ┗━━━━━━┛  ┗━━━━━┛  │ イ │  │ ロ │  │ ハ │  └──┘         (select での選択肢)        │ イ │ ロ │ ハ │ 二 (field1値) │    │    │    │    1 ~100 │ A │ F  │ J  │ O 101~200 │ B │ G  │ K  │ P 201~300 │ C │ H  │ L  │ Q 301~400 │ D │ I  │ M  │ R 401~500 │ E │ H  │ N  │ S ※実装する際にはA~Sは数値になります。 以下に素人ながらのソースを記します。 <script type="text/javascript"> <!-- function selectarea(text) { var total = document.form1.field1.value; var choise = document.getElementById("area"); document.form1.field2.value = text; } // --> </script> <form action="" name="form1"> <table> <tr><td><input type="text" name="field1" size="30" value="150"></td></tr> <tr><td> <select id="area" onChange="selectarea(this[this.selectedIndex].value)"> <option selected="selected">選択して下さい</option> <option value="イ">イ</option> <option value="ロ">ロ</option> <option value="ハ">ハ</option> <option value="二">二</option> </select> </td></tr> <tr><td><input type="text" name="field2" size="30"></td></tr> </table> </form>

  • javascriptでphpに値渡し

    javascriptとphpで値のやりとりをしたいのですが、やりかたがわかりません。 以下のプログラムはセレクトメニューで選択された文字によって'a','ka','sa'....と 自作関数のSelected()に値を渡しています。 "alert(value);"をSelected()関数内に書いて、引数が正しく渡され実行できることは確認しました。 そこで、今度はSelected()関数に渡された引数valueをphpファイルに送って、 php側で引数に応じた処理をさせたいのですが、 Selected()関数内にどのように書けば良いのかがわかりません。 ちなみに渡したいphpのファイル名は"connect_mysql.php"で、 以下のプログラムが書かれたファイルと同階層にあります。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="ja"> <meta http-equiv="content-type" content="text/html; charset=UTF-8" > <meta http-equiv="Content-Script-Type" content="text/javascript"> <head> <title>test page</title> </head> <script type="text/javascript"> function Selected(value){ //ここで引数valueをphp側に渡したい // "alert(value);"を書いてSelected()関数が正しく呼び出され実行されることを確認済み } </script> <body> <form> <div id="name_selectors" class="name_select flo_l"> <select id="aiueo" class="aiueo_list flo_l" size="5" onchange="Selected(this[this.selectedIndex].value)"> <!--↓五十音一覧--> <option id="a" value="a" class="category_aiueo" > あ行 </option> <option id="ka" value="ka" class="category_aiueo" > か行 </option> <option id="sa" value="sa" class="category_aiueo" > さ行 </option>             ・             ・             ・ <option id="ra" value="ra" class="category_aiueo" > ら、わ行 </option> </select> <!--↑五十音 end--> </div> </form>   </body> </html>

  • HTML5のautocompleteについて

    こんにちは。 HTML5のautocompleteについて質問があります。 HTML5のautocompleteでは、初期値の設定は出来ないのでしょうか? 例えば、 <input type="text" list="hoge" autocomplete="on"> <datalist id="hoge">  <option value="1">A  <option value="2">B  <option value="3">C </datalist> とあるとき、select属性の「selected」のように、最初からBが入力された状態にしたいのですが、どのように書けば良いのでしょうか。 それとも、input属性なのでselectedは使えないのでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう