HTML5、<textarea><select>の値はHTML5のみを使用

私はよく分かりませんが、HTML5を使用して選択オプションを変更すると、テキストエリアの値を変更できると思います。私はそれについて私が読んだところを見つけることができません。あなたの誰かがこれを確認できましたか？HTML5、<textarea><select>の値はHTML5のみを使用

<!DOCTYPE html> 
    <html> 
    <body> 
     <select> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
     </select> 
     <textarea> 
     Can I change this text according to select option just using html5? 
     </textarea>    
    </body> 
</html>

出典

2016-08-19 Miguel Baena

「Just HTML5」とはどういう意味ですか？あなたは流行語の意味でこれを使用しており、HTML5/JS/CSS3のトリプルを意味していますか？あるいは、あなたは本当にHTML5と何も意味しませんか？ – HerrSerker

私はHTMLを意味し、何も意味しません。 HTML5私supuch –

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

出典

2016-08-19 12:35:41 d3r1ck

私は彼がHTML5のソリューションだけを探していると思う。 –

です。しかし、私はこの答えにも感謝します。ありがとう！ –

ちょうど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>

ウィッシュU幸運を！

出典

2016-08-19 12:44:49

ご協力ありがとうございます。ボリス –

おめでとうございます。多分助けてくれないかもしれませんが... javascriptのない明確なHTMLは良いですが、そのような状況では不可能です：/しかし：ロングライブと繁栄:) –

HTML5、<textarea><select>の値はHTML5のみを使用

答えて

関連する問題