Положите значение из javascript combo box

Question

Я хочу получить значение из поля со списком в javascript.

Это код выпадающий:

<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.