Question

＆lt; p＆gt;我不确定，但我认为当select选项只使用HTML5更改时，您可以更改textarea值。我无法找到我读到的地方。有人可以证实这一点吗？＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt;＆lt;！DOCTYPE html＆gt; ＆LT; HTML＆GT; ＆LT;身体GT; ＆LT;选择＆GT; ＆lt; option value =＆＃34; volvo＆＃34;＆gt; Volvo＆lt; / option＆gt; ＆lt; option value =＆＃34; saab＆＃34;＆gt; Saab＆lt; / option＆gt; ＆lt; option value =＆＃34; mercedes＆＃34;＆gt; Mercedes＆lt; / option＆gt; ＆lt; option value =＆＃34; audi＆＃34;＆gt; Audi＆lt; / option＆gt; ＆LT; /选择＆GT; ＆LT; TextArea＆GT; 我可以根据选择选项仅使用html5更改此文本吗？＆LT; / textarea的＆GT; ＆LT; /体＆GT; ＆LT; / HTML＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT;

Answer 1

<!DOCTYPE html>
<html>
<body>

<p>Select a new car from the list.</p>

<select id="mySelect" onchange="myFunction()">
  <option value="Audi">Audi
  <option value="BMW">BMW
  <option value="Mercedes">Mercedes
  <option value="Volvo">Volvo
</select>

<textarea id="demo"></textarea>

<script>
function myFunction() {
    var x = document.getElementById("mySelect").value;
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

Answer 2

仅使用HTML是不可能的。您可以使用一些javascript代码来实现这一点......并且可以像这样轻松地包含jquery：

$(document).on('ready', function() {
  $('#select-model').on('change', function() {
    var value = $(this).val();
    $('#text-content').val(value);
  });
});

/* Just to look good :) */
#text-content {
  width: 400px;
  height: 100px;
  padding: 5px;
}

#select-model {
  padding: 5px;
}

<!DOCTYPE html>
<html>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>

  <select id="select-model">
    <option value="">Select</option>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
  
  <br />

  <textarea id="text-content" placeholder="Can I change this text acording to select option just ussing html5?"></textarea>

</body>
</html>

祝你好运！

HTML5，<textarea>根据＆lt; select＆gt;使用HTML5的价值

2 个答案: