2017-03-16 7 views
0

普通のコンボボックスを持っていますが、普通のように開きたいのですが、コンボボックスをクリックして開くと全部<option>私はそのモーダルポップアップで開き、そこからオプションを選択します。php通常のコンボボックスではなく、モーダルポップアップでブートストラップセレクトボックスオプションを開く方法

私はjqueryやjavascriptやcssを使ってそれを作る方法を知っていません。

あなたのご協力をお待ちしております。

<select name="xyz"> 
i want to open the below option in modal popup to select from there. 
<option>001</option> 
<option>002</option> 
<option>003</option> 
</select> 
+0

こんにちは、あなたはすでにそれは、人々がより速くあなたのための答えを得るために役立つかもしれしようとしたものを示すの質問にいくつかのコードを追加した場合。また、ブートストラップに慣れていない人も同様にあなたの質問に答えることができるように、ブートストラップモーダルとそれを起動するコードの例を示してください。あなたのプロジェクトで幸運を祈る:) –

答えて

0

あなたが言ったとおりです。オプションでモーダルを作成し、フィールドをクリックするとモーダルを開く方法があります。

ボタンが必要なのは、テキスト要素と非表示の入力です。

<input type="hidden" id="option"> 
<button role="button" data-toggle="modal" data-target="#selectModal"> 
    Select an Option 
</button> 
<span id="optionName"></span> 

ボタンがモーダルをトリガーします。モーダルでは、使用可能なオプションをクリック可能にし、クリックすると入力の値とテキスト要素の内容を更新します。

$(option).on('click', function() { 
    $('#option').val($(this).attr('value')); 
    $('#optionName').text($(this).text()); 
    $('#selectModal').modal('hide'); 
}); 

全例https://jsfiddle.net/orcjugj2/4/