ホームページ  >  記事  >  ウェブフロントエンド  > 

タグ issue_html/css_WEB-ITnose

タグ issue_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:02:571126ブラウズ

タイトルにあるように、ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6929d1f5ca49e04fdcb27f9465b944689bed06894275b65c1ab86501b08a632eb タグを使用したいのですが、どうすれば実現できますか?

こんな感じです

<ul>    <li>张三</li>    <li>李四</li>    <li>王五</li></ul>

Zhang Sanを選択すると、背景の値が001になります。 Li Siを選択すると、値が002になります。 Wang Wuを選択すると、値が003になります。
どうすればいいですか? ? select を使用して


を実装する方法は知っていますが、ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6 を使用してそれを記述する方法がわかりません

ディスカッションへの返信 (解決策)

<select><option value="001">张三</option><option value="002">李四</option><option value="003">王五</option></select>

5e4cc85d521a88f6e9deb96c70b6059a

$(function(){
$("ul li").click(function(){
var ar = $(this).attr("name");
アラート(ar);
})
})
611a45f823f359e88668d8c4491919f7
jquery を自分で含める必要があります

これは手動で行われますが、以下に 187a5c8f3ec96216b16027c4a69cf4c3 を入力しませんでした。テストしてみましょう

フォーム送信の場合は、フォームに隠しフィールドを設定できます。li をクリックすると、隠しフィールドの値を変更するだけで、最後にフォームを送信します

ul をクリックすると、値を変更しますの選択

さて、わかりました、ありがとうございます

フォーム送信の場合は、完全にフォームに非表示フィールドを設定できます。 リをクリックすると、非表示フィールドの値を変更して、最後に送信できます。さて、これは私が今書いたことですが、次のような価値のある質問があります:

Zhang San をクリックすると 001 が表示されるはずですが、実際には 1 が表示され、00 は自動的に削除されます。 Li Si をクリックすると 222 が表示されますが、これは正常です

Wang Wu をクリックすると 0 が表示されます

Zhao Liu をクリックすると 0 が表示されます
これに対する解決策はありますか?

<ul>    <li name="001">张三</li>    <li name="002">李四</li>    <li name="003">王五</li></ul>


function getDriverId(obj) {	document.getElementById("driverId").value = obj.value;	alert(document.getElementById("driverId").value);}


問題は解決しました。皆さん、ありがとう。解決策のコードは次のとおりです。

<input type="hidden" id="driverId" name="driverId" value="" /><ul>	<li value="001" onclick='getDriverId(this)'>张三</li>	<li value="222" onclick='getDriverId(this)'>李四</li>	<li value="12345678910" onclick='getDriverId(this)'>王五</li>	<li value="测试" onclick='getDriverId(this)'>赵六</li> </ul>

<div class="ddl collapse driver cover-3">	<input type="hidden" id="driverId" name="driverId" value="" />	<input type="text" placeholder="" readonly>	<ul>		<li data-value="001">张三</li>		<li data-value="111111">李四</li>		<li data-value="12345678910">哈哈</li>		<li data-value="你好">哇哈哈</li>	</ul></div>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。