1

次のようなselect2 の例があります。

<select 
    multiple="true"
    placeholder='Select something'
    allowClear: false
    data-bind="
        options: states, 
        optionsValue: 'id', 
        optionsText: 'text', 
        selectedOptions: selectMultipleStates, 
        select2: {}"
    style="width: 500px"
</select>

2 つのプレースホルダーが必要です。

  • 何も選択されていない場合に表示される通常のもの (何かを選択)
  • 少なくとも1つの要素がすでに選択されている場合に表示される別のもの（さらに選択）
4

1 に答える 1

1

私が考えることができる唯一の方法は、html に 2 つの select タグを配置し、ページの読み込み時に 2 番目のタグを非表示にし、最初のタグに onchange 属性を追加して、2 番目の選択を表示する関数を実行することです。それが最初の選択肢であるタグをさらに選択します。それはあなたに次のようなものを与えるでしょう：

<!doctype HTML>
<HTML>
<HEAD>
  <SCRIPT>
  window.onload=function(){
             document.getElementById('mysecondselecttag').style.display = "none";
                         };
  function ShowOtherTag()
   {
    document.getElementById('mysecondselecttag').style.display = "block";
   }
  </SCRIPT>
</HEAD>
<BODY>
 <select id="myfirstselectag" onchange="ShowOtherTag()">
  <option value="0">Select something</option>   
  <option value="1">Choice 1</option>
  <option value="2">Choice 2</option>
  <option value="3">Choice 3</option>     
 </select>
 <select id="mysecondselecttag">
  <option value="0">Select more</option>    
  <option value="1">Choice 1</option>
  <option value="2">Choice 2</option>
  <option value="3">Choice 3</option>     
 </select>
</BODY>
</HTML>
于 2013-10-18T20:41:12.457 に答える