从javascript组合框中输入值

时间:2016-09-13 08:37:34

标签: javascript

我想从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>

1 个答案:

答案 0 :(得分:1)

这里有问题。最好让href为空,然后用JS替换它。我举个例子:

&#13;
&#13;
function calculateURL(option){
	return a + option;
}

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

document.querySelector("#mySelect").addEventListener("change", function(evt){
	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); 

})();
&#13;
<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>
&#13;
&#13;
&#13;

这很容易。首先,您需要为select上的更改事件设置一个侦听器。这是使用addEventListener函数设置的。这个函数有几个参数,第一个是你想要监听的事件,change,第二个是回调,它将在每次触发事件更改时执行。最后,您只需要选择option并重新计算您的网址。