タグ issue_html/css_WEB-ITnose

タイトルにあるように、

タグを使用したいのですが、どうすれば実現できますか?

こんな感じです

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

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


を実装する方法は知っていますが、

• を使用してそれを記述する方法がわかりません
  
  
  ディスカッションへの返信 (解決策)
  

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

  $(function(){
  $("ul li").click(function(){
  var ar = $(this).attr("name");
  アラート(ar);
  })
  })
  
  jquery を自分で含める必要があります
  
  これは手動で行われますが、以下に を入力しませんでした。テストしてみましょう

  フォーム送信の場合は、フォームに隠しフィールドを設定できます。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>