タグ付けされた質問 「drop-down-menu」

ユーザーがリストから1つの値を選択できるようにする、コンボボックスやリストボックスに似たGUI要素。ドロップダウンリストが非アクティブの場合、単一の値が表示されます。有効にすると、値のリストが表示(ドロップダウン)され、ユーザーはそこから値を選択できます。


20
jQueryは特定のオプションタグテキストを取得します
大丈夫、私がこれを持っていると言います: <select id='list'> <option value='1'>Option A</option> <option value='2'>Option B</option> <option value='3'>Option C</option> </select> 値「2」があるときに「オプションB」を取得したい場合、セレクターはどのように見えますか? これは、選択されたテキスト値を取得する方法を尋ねるのではなく、value属性に応じて、選択されているかどうかに関係なく、それらのいずれか1つだけを求めることに注意してください。私は試した: $("#list[value='2']").text(); しかし、それは機能していません。


5
List <T>の先頭にアイテムを追加するにはどうすればよいですか?
にバインドされたドロップダウンリストに「1つ選択」オプションを追加したいのですがList&lt;T&gt;。 のクエリを実行したList&lt;T&gt;後Item、データソースの一部ではなく、最初のを最初の要素として追加するにはどうすればよいList&lt;T&gt;ですか。私が持っています: // populate ti from data List&lt;MyTypeItem&gt; ti = MyTypeItem.GetTypeItems(); //create initial entry MyTypeItem initialItem = new MyTypeItem(); initialItem.TypeItem = "Select One"; initialItem.TypeItemID = 0; ti.Add(initialItem) &lt;!-- want this at the TOP! // then DropDownList1.DataSource = ti;


30
内部のクリックでドロップダウンメニューを閉じない
Twitter Bootstrapドロップダウンメニューがあります。すべてのTwitter Bootstrapユーザーが知っているように、ドロップダウンメニューはクリックすると閉じます(その中をクリックしても)。 これを回避するには、ドロップダウンメニューにクリックイベントハンドラーを簡単に添付して、有名なを追加しevent.stopPropagation()ます。 &lt;ul class="nav navbar-nav"&gt; &lt;li class="dropdown mega-dropdown"&gt; &lt;a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"&gt; &lt;i class="fa fa-list-alt"&gt;&lt;/i&gt; Menu item 1 &lt;span class="fa fa-chevron-down pull-right"&gt;&lt;/span&gt; &lt;/a&gt; &lt;ul class="dropdown-menu mega-dropdown-menu"&gt; &lt;li&gt; &lt;div id="carousel" class="carousel slide" data-ride="carousel"&gt; &lt;ol class="carousel-indicators"&gt; &lt;li data-slide-to="0" data-target="#carousel"&gt;&lt;/li&gt; &lt;li class="active" data-slide-to="1" data-target="#carousel"&gt;&lt;/li&gt; &lt;/ol&gt; &lt;div class="carousel-inner"&gt; &lt;div class="item"&gt; &lt;img alt="" …

12
ドロップダウンリストからデフォルトの矢印アイコンを削除する方法(要素を選択)?
HTML &lt;select&gt;要素からドロップダウン矢印を削除したい。例えば: &lt;select style="width:30px;-webkit-appearance: none;"&gt; &lt;option&gt;2000&lt;/option&gt; &lt;option&gt;2001&lt;/option&gt; &lt;option&gt;2002&lt;/option&gt; ... &lt;/select&gt; Opera、Firefox、Internet Explorerでそれを行う方法


10
PHPで選択ボックスの複数の選択された値を取得するにはどうすればよいですか?
複数のプロパティが複数に設定されているため、複数の値を選択できる選択リストボックスがあるhtmlフォームがあります。フォームメソッドが「GET」であると考えてください。フォームのHTMLコードは次のとおりです。 &lt;html&gt; &lt;head&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" name="form1" method="get" action="display.php"&gt; &lt;table width="300" border="1"&gt; &lt;tr&gt; &lt;td&gt;&lt;label&gt;Multiple Selection &lt;/label&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;select name="select2" size="3" multiple="multiple" tabindex="1"&gt; &lt;option value="11"&gt;eleven&lt;/option&gt; &lt;option value="12"&gt;twelve&lt;/option&gt; &lt;option value="13"&gt;thirette&lt;/option&gt; &lt;option value="14"&gt;fourteen&lt;/option&gt; &lt;option value="15"&gt;fifteen&lt;/option&gt; &lt;option value="16"&gt;sixteen&lt;/option&gt; &lt;option value="17"&gt;seventeen&lt;/option&gt; &lt;option value="18"&gt;eighteen&lt;/option&gt; &lt;option value="19"&gt;nineteen&lt;/option&gt; &lt;option value="20"&gt;twenty&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;input …


17
HTMLの「select」要素のオプションをスタイルする方法は?
これが私のHTMLです: &lt;select id="ddlProducts" name="ddProducts"&gt; &lt;option&gt;Product1 : Electronics &lt;/option&gt; &lt;option&gt;Product2 : Sports &lt;/option&gt; &lt;/select&gt; CSSのみを使用して、製品の名前(「Product1」、「Product2」など)を太字にし、そのカテゴリ(つまり、電化製品、スポーツなど)を斜体にしたい。HTMLとCSSを使用することは不可能であるという古い質問を見つけましたが、うまくいけば、現在解決策があります。
202 html  css  drop-down-menu 

7
DropDownListのSelectedIndexChangedイベントが発生しない
WebページにDropDownListオブジェクトがあります。クリックして別の値を選択すると、SelectedIndexChangedイベントに関連付けられた関数があっても何も起こりません。 まず、実際のオブジェクトのHTMLコード: &lt;asp:DropDownList ID="logList" runat="server" onselectedindexchanged="itemSelected"&gt; &lt;/asp:DropDownList&gt; そして、これはその関数ですitemSelected: protected void itemSelected(object sender, EventArgs e) { Response.Write("Getting clicked; " + sender.GetType().ToString()); FileInfo selectedfile; Response.Write("&lt;script&gt;alert('Hello')&lt;/script&gt;"); foreach (FileInfo file in logs) { if (file.Name == logList.Items[logList.SelectedIndex].Text) { Response.Write("&lt;script&gt;alert('Hello')&lt;/script&gt;"); } } } 応答は表示されず、JavaScriptのその部分は実行されません。私はこれをFirefoxの最新バージョン3.6とInternet Explorer 8で試しました。これは、.NET Frameworkバージョン4でASP.NETを実行しているWindows Server 2003 R2マシンから提供されています。

13
jQueryを使用してドロップダウンオプションを選択する方法
&lt;option&gt;ドロップダウンボックスでjQueryに、たとえば4番目の項目を選択させることができるかどうか疑問に思っていましたか? &lt;select&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;/select&gt; ユーザーがリンクをクリックしてから、ユーザーがをクリックしてリンク&lt;select&gt;を選択したかのように、ボックスに値を変更させたい&lt;option&gt;。

21
外側のクリックでドロップダウンを閉じるにはどうすればよいですか?
ユーザーがドロップダウン以外の場所をクリックしたときにログインメニューのドロップダウンを閉じたいのですが、Angular2とAngular2の "アプローチ"でそれを実行したいのですが... ソリューションを実装しましたが、自信がありません。同じ結果を達成する最も簡単な方法がなければならないと私は思います、あなたが何かアイデアがあれば...議論しましょう:)! これが私の実装です: ドロップダウンコンポーネント: これは私のドロップダウンのコンポーネントです: このコンポーネントが可視に設定されるたびに(たとえば、ユーザーがボタンをクリックしてそれを表示すると)、SubjectsService内に格納された「グローバル」なrxjsサブジェクトuserMenuにサブスクライブします。 そして、それが非表示になるたびに、この件名の購読を解除します。 このコンポーネントのテンプレート内の任意の場所をクリックするたびに、onClick()メソッドがトリガーされます。これにより、上部(およびアプリケーションコンポーネント)へのイベントバブリングが停止します。 これがコードです export class UserMenuComponent { _isVisible: boolean = false; _subscriptions: Subscription&lt;any&gt; = null; constructor(public subjects: SubjectsService) { } onClick(event) { event.stopPropagation(); } set isVisible(v) { if( v ){ setTimeout( () =&gt; { this._subscriptions = this.subjects.userMenu.subscribe((e) =&gt; { this.isVisible = false; }) …

9
Angular JSを使用してドロップダウンリストコントロールの選択したオプションを設定する方法
Angular JSを使用していて、ドロップダウンリストコントロールの選択したオプションをAngular JSを使用して設定する必要があります。これがばかげている場合は許してくださいが、私はAngular JSの初心者です これが私のhtmlのドロップダウンリストコントロールです &lt;select ng-required="item.id==8 &amp;&amp; item.quantity &gt; 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"&gt; &lt;/select&gt; それが入力された後、私は得る &lt;select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 &amp;amp;&amp;amp; item.quantity &amp;gt; 0" class="ng-pristine ng-valid ng-valid-required"&gt; &lt;option value="?" selected="selected"&gt;&lt;/option&gt; &lt;option value="0"&gt;set of …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.