发表新帖
发表新帖

Form input value based on option value selected

后端 未结
关注
4 1187
你的背包
你的背包 2020-12-09 23:58

for the following form
提交评论
  •  加载中...
  • 离开以前
    2020-12-10 00:21

    you may try this

    <script type="text/javascript">
function changeValue(){
    var option=document.getElementById('filter').value;

    if(option=="A"){
            document.getElementById('field').value="A Selected";
    }
        else if(option=="B"){
            document.getElementById('field').value="B Selected";
        }

}
</script>
<form action ='search.php' method = 'post'>

    <select name="filter" id="filter" onchange="changeValue();">
<option id="A" value="A">A</option>
<option id="B" value="B">B</option>
</select>

<input type ='text' name="key" id ="field" value ="something that changes based on what option is selected" />

<input type ='submit' value = 'Search' />

</form>
    0 讨论(0)
  • 谎友^
    2020-12-10 00:26

    You don't have to use jQuery, (but jQuery does makes life easier):

    HTML:

    <form action ='search.php' method = 'post'>
    <select id="filter" name="filter">
    <option id="A" value="A">A</option>
    <option id="B" value="B">B</option>
    </select>

    <input type ='text' name="key" id ="field" value ="something that changes based on what option is selected" />

    <input type ='submit' value = 'Search' />    
</form>

    Javascript:

    document.getElementById('filter').onchange = function () {
    document.getElementById('field').value = event.target.value  
}

    Example

    0 讨论(0)
  • 不思量自难忘°
    2020-12-10 00:32

    give id filter to select

     $(document).ready(function(){  
   var text_val;  
   $('#filter').change(function(){  
     text_val = $(this).val();
     $('#field').attr('value',text_val);  
     return false;  

   });

});
    0 讨论(0)
    •  看不清?
    提交回复
    热议问题