選択タグの部分的な値を表示するJavaスクリプト

Question

私はJavaScriptの新機能ですが、選択タグ（国とその電話コード）のスクリプトを作成したいと思います。ドロップダウンリストに国とコードが表示されるようにしたいが、ユーザーが選択した後にコードだけを表示する必要がある。 PHPを使用してWebページを作成しています。おかげ

Answer 1

私は次のコードとしてJQueryメソッドを使用することをお勧めします。

あなたのHTMLは以下のようになります。

<select> 
    <option value="01" textValue="America">01</option> 
    <option value="02" textValue="Liberia">02</option> 
    <option value="03" textValue="Switzerland">03</option> 
</select> 

$("your select").on('focus', function(){ 
    $(this).children().each(function(){ 
     var text = $(this).attr('textValue') + ' - ' + $(this).attr('value'); 
     $(this).text(text); 
    }); 
}); 

$("your select").on('blur', function(){ 
    $(this).children().each(function(){ 
     $(this).text($(this).attr('value')); 
    }); 
}); 

Answer 2

私はあなたがここで何をしたいと思うあなたは、JavaScriptでは、あなたがそれらを選択し使用することを計画しているかのかなり確実でない選択するためのイベントをクリックして使用することができます

この

<select> 
 
    <option value="01">America - 01</option> 
 
    <option value="02">Liberia - 02</option> 
 
    <option value="03">Switzerland - 03</option> 
 
</select>

のようなものです..