ホームページ > 記事 > ウェブフロントエンド >
タイトルにあるように、ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6929d1f5ca49e04fdcb27f9465b944689bed06894275b65c1ab86501b08a632eb タグを使用したいのですが、どうすれば実現できますか?
こんな感じです
<ul> <li>张三</li> <li>李四</li> <li>王五</li></ul>
ディスカッションへの返信 (解決策)
<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>