자바 스크립트 콤보 상자에서 값 입력

Question

자바 스크립트에서 콤보 상자의 값을 가져오고 싶습니다.

이

콤보 상자 코드 :

<select name="no_kk" style="width: 68%;" class="select2" id="no_kk" onchange="get_Nokk(this.value);" > 
    <option value="">-- Pilih Nomor KK --</option> 
    <?php 
     $kk = get_no_kk(); 

     foreach ($kk as $key => $value) {?> 
      <option value="<?php echo $value->no_kk;?>"><?php echo $value->no_kk;?></option> 
    <?php 
     } 
    ?> 
    </option> 
</select> 

내가 여기에이 코드에서 선택한 값 넣을 : 여기

<div class="right"> 
    <a href="javascript:FormRegIdv(\''<?php echo $amil['email'];?>'\',\''**.........here.........**'\');" class="button-submit-blue" style="width:40px; height:55px;">TAMBAH</a> 
</div> 

Answer 1

당신은 문제가 있다면합니다. href을 비워두고 JS로 바꾸는 것이 좋습니다. 나는 당신에게 예를 보자 : 이것은 쉽게

function calculateURL(option){ 
 
\t return a + option; 
 
} 
 

 
(function() { 
 
console.log(document.querySelector(".button-submit-blue").href) 
 

 
document.querySelector("#mySelect").addEventListener("change", function(evt){ 
 
\t var option = document.querySelector("#mySelect").value; 
 
    document.querySelector(".button-submit-blue").href = calculateURL(option); 
 
    alert("The value selected is: "+document.querySelector("#mySelect").value); 
 
    alert("The new link is: " + document.querySelector(".button-submit-blue").href) 
 
}, false); 
 

 
})();

<script> 
 
var a = "http://www."; //this represents values grab from PHP 
 
</script> 
 

 

 
<select id="mySelect"> 
 
<option value="">--</option> 
 
<option value="google.com">google</option> 
 
<option value="yahoo.com">yahoo</option> 
 
</select> 
 

 
<div class="right"> 
 
    <a href="#" class="button-submit-blue" style="width:40px; height:55px;">TAMBAH</a> 
 
</div>

. 먼저 select에서 변경 이벤트에 대한 수신기를 설정해야합니다. 이것은 addEventListener 기능을 사용하여 설정됩니다. 이 함수에는 몇 가지 인수가 있습니다. 첫 번째는 수신 대기하려는 이벤트이며 change이고 두 번째는 콜백이며 이벤트 변경이 발생할 때마다 실행됩니다. 마지막으로, 선택한 option을 가져 와서 URL을 다시 계산하기 만하면됩니다.