表示方法選択ボックスボタンのオプションをクリックしますか？

Question

ボタンの選択ボックスオプションを表示したい。選択ボックスのドロップダウンではありません。ボタンをクリックすると、ドロップダウンリストが表示されます。

UPDATED

私は意味。ドロップダウンボックスをクリックすると、確認ボックスが表示されます。その後、キャンセルをクリックすると何も表示されません。[OK]をクリックすると、ドロップダウンリストが表示されます。私はそれが正確にあなたの目的の機能を模倣することはできないと思う

function myFunction(item) { 
 
    var txt; 
 
    var dropDown=document.getElementsByName("myselect"); 
 
    var r = confirm("Press a button!"); 
 
    if (r == true) {  
 
    item.setAttribute("size", item.options.length); 
 
     txt = "You pressed OK!"; 
 
    } else { 
 
     
 
     txt = "You pressed Cancel!"; 
 
    } 
 
     document.getElementById("demo").innerHTML = txt; 
 
    }

<select id="mySelect" name="myselect" onclick="myFunction(this)"> 
 
<option value="Audi">Audi 
 
<option value="BMW">BMW 
 
<option value="Mercedes">Mercedes 
 
<option value="Volvo">Volvo 
 
</select> 
 

 
<p id="demo"></p>

Answer 1

はこのような何かを試してみてくださいです同期confirmダイアログを表示すると、select要素のフォーカスが外れているようです。しかし、の後、選択を自分で開くことができるようにダイアログにOKと表示されました。

var demo = document.getElementById('demo'), ignore = false 
 

 
document.getElementById('mySelect').addEventListener('focus', function() { 
 
    if (ignore) { 
 
    ignore = false 
 
    } else if (confirm('Press a button!')) { 
 
    demo.textContent = 'You pressed OK!' 
 
    ignore = true 
 
    } else { 
 
    demo.textContent = 'You pressed Cancel!' 
 
    } 
 
})

<select id="mySelect" name="myselect"> 
 
    <option value="Audi">Audi</option> 
 
    <option value="BMW">BMW</option> 
 
    <option value="Mercedes">Mercedes</option> 
 
    <option value="Volvo">Volvo</option> 
 
</select> 
 
<p id="demo"></p>

Answer 2

;：ここ

は私のコードは

<select id="mySelect" name="myselect" onclick="myFunction()"> 
<option value="Audi">Audi 
<option value="BMW">BMW 
<option value="Mercedes">Mercedes 
<option value="Volvo">Volvo 
</select> 

<p id="demo"></p> 

<script> 
function myFunction() { 
    var txt; 
    var select=document.getElementsByName("myselect"); 
    var r = confirm("Press a button!"); 
    if (r == true) { 
     select.show(); 
     txt = "You pressed OK!"; 
    } else { 
     txt = "You pressed Cancel!"; 
    } 
     document.getElementById("demo").innerHTML = txt; 
    } 
    </script>