在文本字段中的选择节目上选择框值

时间:2012-05-03 06:25:54

标签: javascript html forms

我一直在尝试在php中创建一个脚本,当我在选择框中选择任何选项然后选择它时它允许我在文本字段中显示它的值。请让我知道我该怎么做。我是一个新手,如果愚蠢的话,请好好地承担我的问题。

请关注我的问题图片帮助的followi8ng链接。

http://s18.postimage.org/d85l2m2nt/select_Box2.gif

3 个答案:

答案 0 :(得分:1)

如果元素在表单中,则将以下侦听器放在select元素上:

onchange="this.form.textareaName.value = this.value"

其中 textareaName 是要设置值的textarea的名称。

答案 1 :(得分:0)

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
  $('#slectboxid option').click(function(){
      $('#textboxid').val($(this).val());
            });
});
</script>

</head>
<body>
<form action="#" method="post">
<select name="select" id="slectboxid">
  <option value="test">test</option>
  <option value="test2">test2</option>
</select>
<input type="text" name="text" id="textboxid" />
</form>
</body>
</html> 

使用jquery,上面的代码snippet.it会帮助你。

答案 2 :(得分:0)

请试试这个

<html> 
<head>
<script type="text/javascript">
   function assignText(obj) {
    document.getElementById("textboxid").value = obj.options[obj.selectedIndex].value;
   }
</script>  
</head> 
<body> 
    <form action="#" method="post"> 
        <select name="select" id="slectboxid" onchange = 'assignText(this)'> 
            <option value="test">test</option>  
            <option value="test2">test2</option> 
        </select>
        <input type="text" name="text" id="textboxid" />
    </form> 
</body> 
</html>