是否有可能刷新选择框的变化的html输入？

Question

我有一个选择半径的搜索表单，我使用在线api在邮政编码上进行搜索。 api自动提交输入，如果输入，但提交后，我改变了半径，我不得不再次输入邮政编码，否则不会发送新的数据。

我想知道是否可以刷新选定半径的邮政编码onchange的输入。

我searchform：

<form name="input" method="post" action="searchresults" class="pro6pp_range"> 
<input type="search" onchange="validate()" placeholder="Zoeken..." name="search" size="85"> 
<input type="search" name="searchpc" required="required" class="postcode" value='<?= $postcode ?>' placeholder="Postcode (1234)" maxlength="4"> 
    <select id="selection" class="range" onchange="updateInput(this.value)"> 
     <option value="5">5 km</option> 
     <option value="10">10 km</option> 
     <option value="15">15 km</option> 
     <option value="20">20 km</option> 
     <option value="50">50 km</option> 
     </select> 
    <input type="submit" value="Zoeken"> 
    <br/> 
    <span class="message"></span>  

    <span class="output"></span> 
    <br/> 
</form> 

我想这一点，但没有奏效：

function updateInput(searchpc){ 
     document.getElementByName("searchpc").value = <?php echo $postcode ?>; 
    } 

还应注意选择框我的的onChange功能。

Answer 1

据我所知getElementsByName将返回一个array。

所以尽量在适当位置使用id的name

<input type="search" name="searchpc" id="searchpc" .... /> 

而你的函数将像，

function updateInput(searchpc){ 
    document.getElementById("searchpc").value = searchpc; 
    // I think it should be selected value from select box notphp value 
} 

Answer 2

可能会工作

function updateInput(searchpc){ 
    document.getElementByName("searchpc").value = searchpc; 
} 

searchpc是你的“ this.value“选择标签。

请让我知道它是否工作。

UPDATE

你输入9101，然后如果你选择10公里那么你可以张贴的形式类似

function updateInput(searchpc) 
{ 
    document.input.submit(); 
} 

因此我们将同时获得9101和10公里的SearchResult所页面。

新的更新

我觉得你的小盒子输入表单应该像以下。

<form name="small_input" action="searchresults" method="post"> 
<input type="text" placeholder="Postcode" size="25" name="postcode"/> 
<select name="radius" class="range" onchange="updateInput(this.value)"> 
    <option selected="" disabled="">Afstand</option> 
    <option value="5">5</option> 
    <option value="10">10</option> 
    <option value="15">15</option> 
    <option value="20">20</option> 
    <option value="25">25</option> 
</select> 
<br><br> 
<hr> 
<br> 
    <p style="float: right"><input type="submit" value="Opslaan"></p> 
    <input type="hidden" value="true" name="submitted"> 
    <input type="hidden" value="true" name="afstand"> 
</form> 

请让我知道是什么状态。