Question

如何创建一个下拉菜单，当选择一个选项时，它会创建一个放在文本框中的文本。例如，下拉菜单选项1 =＆＃34;很好＆＃34;

我想要输出，＆＃34; Waffles Are Good＆＃34;。华夫饼将自动出现，他们从下拉菜单中选择一个选项，然后放置文本＆＃34; Are Good＆＃34;在文本字段上

Answer 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>

你的意思是这样的吗？

Answer 2

根据我的理解，我做了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);

});

如何创建在文本字段中放置文本的下拉菜单

2 个答案: