検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >html のドロップダウン ボックスで値を結合する方法 guide_html/css_WEB-ITnose を探している初心者向け。

html のドロップダウン ボックスで値を結合する方法 guide_html/css_WEB-ITnose を探している初心者向け。

WBOY
WBOYオリジナル
2016-06-24 11:15:222119ブラウズ

f9b713a6bf05f735bf0561fec173b5c3
716bf7965a37ff6a6ba866bca2fbd11cシミュレーション 14afa15d3069109ac30911f04c56f3338
166ba5af00157e468bf6e3197b829637シミュレーション 24afa15d3069109ac30911f04c56f3338
f7b58fa98d58ec529e8af8ffa24524b7シミュレーション 34afa15d3069109ac30911f04c56f3338

ディスカッション（解決策）への返信

取得された値は値 1 2 3 のみであることがわかりました。スプライスされたものを取得することはできません

またはそれを取得して再度スプライスすることはできません

値の後にjsコードを追加することはできないようです 後でイベントを追加した場合のみ実行できます

またはそれを取り出して結合します

結合方法の取得方法 お問い合わせください。アドバイス

または、取り外してつなぎ合わせます

[img=http://forum.csdn.net/PointForum /ui/scripts/csdn/Plugin/001/face/48.gif]結合方法はアドバイスを求めています

式は自動的に追加されます
js コード内の文字列を結合し、document.write() を使用してドキュメント ストリームに出力します

js コード内の文字列を結合し、次に、document.write() を使用してドキュメント ストリームに出力します

5fe6673ab07dafae72d3619f1c8cfe86269575f9f96c95a3beaad8dd8ffe3578 ;

シミュレーション 1オプション>

シミュレーション 2オプション>
シミュレーション 3オプション>
18bb6ffaf0152bbe49cd8a3620346341

4ec11beb6c39d0703d1751d203c17053
function show(str:String){
document.write(document. getElementById("コード"));
}else if(int(str)==1){
document.write(document.getElementById("コード"));
document.write(document.getElementById( "コード"));
}


}
2cacc6d41bbb37262a98f745aa00fbf0


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


<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に追加したいのですが、具体的な方法は次のとおりです


b2bc0fa3e1a5d917fa570e0053b548c4
48923d92db3d6818238c50c773a1012a 1 をシミュレート4afa15d3069109ac30911f04c56f3338 '2'>2 をシミュレート4afa15d3069109ac30911f04c56f3338
37c826968ed32d66f336588a302d320b3 をシミュレート18bb6ffaf0152bbe49cd8a3620346341 4ec11beb6c39d0703d1751d203c17053 (e){
var opt = document.getElementById("taskData").options;
var str = document.getElementById("Code").value;


if(opt[opt.selectedIndex].value==' 1'){

opt[opt.selectedIndex].value=Number(str)+1;
}else if(opt[opt.selectedIndex]. value=='2'){

opt[opt.selectedIndex] .value=数値(str)+1;
}else if(opt[opt.selectedIndex].value=='3'){
opt[opt .selectedIndex].value=数値(str)+1; {
opt[opt.selectedIndex].value=Number(str)+1;



document.write(opt[opt.selectedIndex] .value); の後に対応する値を変更したいドロップダウンボックスのオプションを変更する

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>




问下可在下拉框加个监听每次改变选项是  对应的value值也会变



这样不会报错  但是好像输不出值  还是我电脑浏览器的问题


这样呢 
<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>

这样可以输出  也改变了之  但我想在下拉框的onchange里面加上个方法具体如下


0a38b4f022dc6c7006134b2071ef436b
cc864a942e66ab14f5e79de3f6aa9161
24ec1710a0959ffb490a0dc293d1211a模拟14afa15d3069109ac30911f04c56f3338
d8490fee34aa9a773c950eed9fe947c5模拟24afa15d3069109ac30911f04c56f3338
b9e9d82c4442b4535acbe0688d9b51ab模拟34afa15d3069109ac30911f04c56f3338
18bb6ffaf0152bbe49cd8a3620346341 
8019067d09615e43c7904885b5246f0a
function show(e){
var opt = document.getElementById("taskData").options;
var str = document.getElementById("Code").value;

    
 if(opt[opt.selectedIndex].value=='1'){
 
 opt[opt.selectedIndex].value=Number(str)+1;
 }else if(opt[opt.selectedIndex].value=='2'){
 
 opt[opt.selectedIndex].value=Number(str)+1;
 }else if(opt[opt.selectedIndex].value=='3'){
 opt[opt.selectedIndex].value=Number(str)+1;
 }else{
 opt[opt.selectedIndex].value=Number(str)+1;
 }
 


document.write(opt[opt.selectedIndex].value);
}

想在改变下拉框的选项之后吧对应的value值也改变 
<input  id='Code'   value='111111'><select   id="taskData" onchange="show(this.value)"><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">function show(e){var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;opt[opt.selectedIndex].value=Number(str)+1;}




这样不会报错  但是好像输不出值  还是我电脑浏览器的问题


这样呢 
<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>

这样可以输出  也改变了之  但我想在下拉框的onchange里面加上个方法具体如下


0a38b4f022dc6c7006134b2071ef436b
cc864a942e66ab14f5e79de3f6aa9161
24ec1710a0959ffb490a0dc293d1211a模拟14afa15d3069109ac30911f04c56f3338
d8490fee34aa9a773c950eed9fe947c5模拟24afa15d3069109ac30911f04c56f3338
b9e9d82c4442b4535acbe0688d9b51ab模拟34afa15d3069109ac30911f04c56f3338
18bb6ffaf0152bbe49cd8a3620346341 
8019067d09615e43c7904885b5246f0a
function show(e){
var opt = document.getElementById("taskData").options;
var str = document.getElementById("Code").value;

    
 if(opt[opt.selectedIndex].value=='1'){
 
 opt[opt.selectedIndex].value=Number(str)+1;
 }else if(opt[opt.selectedIndex].value=='2'){
 
 opt[opt.selectedIndex].value=Number(str)+1;
 }else if(opt[opt.selectedIndex].value=='3'){
 opt[opt.selectedIndex].value=Number(str)+1;
 }else{
 opt[opt.selectedIndex].value=Number(str)+1;
 }
 


document.write(opt[opt.selectedIndex].value);
}

想在改变下拉框的选项之后吧对应的value值也改变 
<input  id='Code'   value='111111'><select   id="taskData" onchange="show(this.value)"><option value='1'>模拟1</option><option value='2'>模拟2</option><option value='3'>模拟3</option></select> <script type="text/javascript">function show(e){var opt = document.getElementById("taskData").options;var str = document.getElementById("Code").value;opt[opt.selectedIndex].value=Number(str)+1;}

还是不行  只改变一次  以后的就不改变了


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>




问下可在下拉框加个监听每次改变选项是  对应的value值也会变 

$(function(){	var v1="";	$("#taskData").change(function(){			if($(this).children().is(":selected")){				v1=$(this).val()+12;				alert(v1);			}	});});<body><select id="taskData">    <option value="1" selected="selected">模拟1</option>    <option value="2">模拟2</option>    <option value="3">模拟3</option></select> </body>



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>




问下可在下拉框加个监听每次改变选项是  对应的value值也会变 

$(function(){	var v1="";	$("#taskData").change(function(){			if($(this).children().is(":selected")){				v1=$(this).val()+12;				alert(v1);			}	});});<body><select id="taskData">    <option value="1" selected="selected">模拟1</option>    <option value="2">模拟2</option>    <option value="3">模拟3</option></select> </body>


还不是我想要的效果  现在只是改变value输出的值 但是在选项框里的value实际上是没改变  的   我要的效果就是选项框里的value会根据点击的选项而改变  




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>




问下可在下拉框加个监听每次改变选项是  对应的value值也会变 

$(function(){	var v1="";	$("#taskData").change(function(){			if($(this).children().is(":selected")){				v1=$(this).val()+12;				alert(v1);			}	});});<body><select id="taskData">    <option value="1" selected="selected">模拟1</option>    <option value="2">模拟2</option>    <option value="3">模拟3</option></select> </body>


还不是我想要的效果  现在只是改变value输出的值 但是在选项框里的value实际上是没改变  的   我要的效果就是选项框里的value会根据点击的选项而改变   

$(function(){	 var v1="";    $("#taskData").change(function(){            if($(this).children().is(":selected")){                v1=$(this).val()+12;                alert(v1);	        $(this).children(":selected").prop("value",""+v1+"");            }    });});

不知道你根据点击的选项而改变option中的value值是否是永久改变~~

你执行这个代码的时候 Code这个元素存在了吗？

你执行这个代码的时候 Code这个元素存在了吗？


是存在的





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>




问下可在下拉框加个监听每次改变选项是  对应的value值也会变 

$(function(){	var v1="";	$("#taskData").change(function(){			if($(this).children().is(":selected")){				v1=$(this).val()+12;				alert(v1);			}	});});<body><select id="taskData">    <option value="1" selected="selected">模拟1</option>    <option value="2">模拟2</option>    <option value="3">模拟3</option></select> </body>


还不是我想要的效果  现在只是改变value输出的值 但是在选项框里的value实际上是没改变  的   我要的效果就是选项框里的value会根据点击的选项而改变   

$(function(){	 var v1="";    $("#taskData").change(function(){            if($(this).children().is(":selected")){                v1=$(this).val()+12;                alert(v1);	        $(this).children(":selected").prop("value",""+v1+"");            }    });});

不知道你根据点击的选项而改变option中的value值是否是永久改变~~
谢谢大神的指导 
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：css selector_html/css_WEB-ITnose次の記事：css selector_html/css_WEB-ITnose

関連記事

続きを見る