2017-08-04 5 views
1

ユーザーが選択した値を変更したときに、選択した値のテキストサイズを変更したいとします。交換で選択した値のテキストサイズを変更する

例:良い

enter image description here

すべてが、私たちのような何か大きなものに変更します。

あなたが私は、テキストはselect要素の外に出たことがわかり

enter image description here

選択した値のサイズに応じて、選択した要素のサイズを変更する必要はありません。 選択した値のテキストサイズを要素に合わせて変更します。

javascriptでこれを行う方法はありますか?

+0

「のdocument.getElementById( 'idname').. style.fontSize = "12ピクセル" でそれを選択してアクセスするために、いくつかのIDを与えます。 – HebleV

+2

しかし、plzはいつもあなたを助けるためにいくつかのコードを投稿より良い – HebleV

答えて

0

このようなことを試してもよいかもしれませんが、フォントサイズが一様でないため、ページが不調になることがあります。ページが自動的にドロップダウン内のすべてのサイズに合うようにあなたは、「選択」タグの「スタイル」を削除することができますしかし

<html> 
 
    <select style="width: 150px;" id="dropdown"> 
 
    \t <option>Todas</option> 
 
     <option>Sesporte - contrasxyz</option> 
 
     <option>Sesporte - contrasxyz - todas</option> 
 
    </select> 
 
    <script> 
 
    var activity = document.getElementById("dropdown"); 
 
    function start(){ 
 
    activity.addEventListener("change",addActivityItem,false); 
 
    } 
 

 
    function addActivityItem(){ 
 
      //option is selected 
 
      if (activity.value.length > 10) 
 
      { 
 
      \t activity.style.fontSize = "8px"; 
 
      } 
 
      else 
 
      { 
 
      \t activity.style.fontSize = "16px"; 
 
      } 
 
    } 
 

 
    window.addEventListener("load", start, false); 
 
    </script> 
 
    </html>

<html> 
 
<select> 
 
\t <option>Todas</option> 
 
    <option>Sesporte - contrasxyz</option> 
 
    <option>Sesporte - contrasxyz - todas</option> 
 
</select> 
 
</html>

関連する問題