html のドロップダウンボックスで値を結合する方法 guide_html/css_WEB-ITnose を探している初心者向け。-htmlチュートリアル-php.cn

そうですか。しかし、私のエラーはどうでしょうか

<input  id='Code'   value='111111'><select   id="taskData" ><script type="text/javascript">var str = "<option value='1"+document.getElementById("Code").value+"'>模拟1</option>";str += "<option value='2"+document.getElementById("Code").value+"'>模拟2</option>";str += "<option value='3"+document.getElementById("Code").value+"'>模拟3</option>";document.write(str);</script></select>

ログイン後にコピー

<input  id='Code'   value='111111'><select   id="taskData" ><script type="text/javascript">var str = "<option value='1"+document.getElementById("Code").value+"'>模拟1</option>";str += "<option value='2"+document.getElementById("Code").value+"'>模拟2</option>";str += "<option value='3"+document.getElementById("Code").value+"'>模拟3</option>";document.write(str);</script></select>

ログイン後にコピー

この方法では、エラーは報告されません、しかしそれは値を出力できないようです。

この方法では、エラーは報告されませんが、値を出力できないようです。

これはどうですか?

<input  id='Code'   value='111111'><select   id="taskData" ><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;for (var i = 0, len = opt.length; i < len; i++) {	opt[i].value += str;}</script>

ログイン後にコピー

by jq~・

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){	$("#taskData").children().each(function(){                  var v=$(this).val()		v+=$("#Code").html();                 alert(v);    });});</script><style></style><body><p id="Code">666</p><select id="taskData">    <option value="1">模拟1</option>    <option value="2">模拟2</option>    <option value="3">模拟三</option></select> </body></html>

ログイン後にコピー

この方法ではエラーにはなりませんが、私のコンピュータのブラウザではまだ問題があるようです。
これはどうですか？

rree

これを出力して変更することもできますが、ドロップダウンボックスのonchangeに追加したいのですが、具体的な方法は次のとおりです

人気のチュートリアル

詳細>