動的ドロップダウンリストを選択したJavaスクリプトの後に1つの値にとどめる方法

Question

現在、私はすべての国名を取得するためにjsonファイルから読み込んだ動的リストを持っていますが、それをクリックした後、特定の国名で。私はカナダの国名を選んだとします。カナダに滞在したいと思います。今すぐリストの一番上にある名前に戻ります。誰かが私にそれを特定の国名にとどめる方法を教えてもらえますか？以下 は私のHTMLコードとJavaScriptコード

<select id="chooseName" name="" onchange="changeVector()"> 
    <option value=" empty" selected = "selected"></option> 
    </select> 

    <script> 
    $("select") 
    .change(function() { 
    var str = ""; 
     $("select option:selected").each(function() { 
     //str += $(this).text() + "qwe "; 
    }); 
     //$("div").text(str); 
    }) 
    .change(); 



    function changeVector(){ 
     Ajax3(); 
     addOption2(); 
     nameQuery(); 

    } 

    //reading the data 
    var Ajax3 = function() 
    {  //var obj=document.getElementById('vector') 
     //var name= "countries.shp" 


    $.getJSON ("placelist/cb_2016_us_state_20m.shp.txt", function       
    (data) 
    { 

     $.each (data, function (i, item) 
     { for (placeKey in item){ 

       placelist[i]=item[placeKey] 


      } 
      placelist.sort(); 


     }); 

    }); 

    } 
    function addOption2(){setTimeout(function(){ 
    //find the object according to the id， 
     document.getElementById("chooseName").innerHTML = ""; 
     var obj=document.getElementById('chooseName'); 
     //find an option 

     for(i=0;i<placelist.length;i++){ 
     obj.add(new Option(placelist[i] , placelist[i])); 
     } 

     },10); 
     } 

Answer 1

それはセレクト入力なら、それはカスタム要素だ場合、リスナーまたはCSSの=>ポインタ・イベントを削除し、「読み取り専用」属性を追加している：なし。