如何制作在文本字段中放置文本的下拉菜单答案

【问题标题】：How Do I Make a Dropdown Menu That Places A Text In a text Field如何制作在文本字段中放置文本的下拉菜单
【发布时间】：2015-04-22 06:57:11
【问题描述】：

如何进行下拉菜单，选择选项时，它会创建一个文本框中的文本。例如，下拉菜单 option1 = "都很好"

我希望输出是“华夫饼很好吃”。华夫饼会自动出现，他们从下拉菜单中选择一个选项，并将文本“很好”放在文本字段中

【问题讨论】：

张贴你到目前为止所做的事情。
你想要代码吗？
是的，它可以用java而不是html来完成，你也可以把文本放在一个盒子里
您问的是 Java 还是 Javascript？这是两种完全不同的语言。
oops radiodef 没有意识到我选择了 js，但是 java，以及 js 的其他答案帮助我解决了其他问题

标签： java javascript drop-down-menu

【解决方案1】：

<p>Waffles <span id="whatarewaffles"></span></p>
<p>
    <label>What's with the waffles? 
        <select id="wafflemachine">
            <option value="are good">they are good</option>
            <option value="are delicious">they are delicious</option>
        </select>
    </label>
</p>

<script>
document.getElementById("wafflemachine").onchange = function() {
    document.getElementById("whatarewaffles").innerHTML = this.options[this.selectedIndex].value;
};
</script>

你的意思是这样的？

【讨论】：

是的，但它可以用java而不是html来完成，你也可以把文本放在一个盒子里
但这正是我想要的。

【解决方案2】：

在 javascript 中，您可以使用 jquery 来执行此操作。

你可以在这里查看我的完整代码https://jsfiddle.net/tmhnfL9d/

$('#selectme').change(function(){
  $("#sentence").html('Waffles');
  answer = $(this).val();
  $("#sentence").append(answer);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectme">
  <option value= "">Please Select</option>
  <option value= " are Good">are Good</option>
  <option value= " are Bad">are Bad</option>
</select>
<p id="sentence">Waffles</p>

【讨论】：

我可能会用这个有什么方法可以pm你吗？
你可以在这里问我兄弟。
或者您可以通过 kenneth@2m2kcreatives.com 给我发电子邮件

【解决方案3】：

据我了解，我制作了this fiddle。让我知道它对你有帮助吗。

HTML

<select id="data1">
  <option value="good">good</option>
  <option value="too good">too good</option>
  </select>
<input type="text" id="data2" value="Waffles good"/>

jQuery

$("#data1").val("good").change(function(){
var k=($("#data1").find(":selected").text());
    $("#data2").val('Waffles'+k);

});

【讨论】：