ホームページ > 記事 > ウェブフロントエンド > JavaScript入力ボックスプロンプトリストeffect_form特殊効果

JavaScript入力ボックスプロンプトリストeffect_form特殊効果

WBOYオリジナル: 2016-05-16 19:02:101520ブラウズ

コードはもっと簡潔にすることができます。もっと簡単な方法がある場合は、ぜひご協力ください。

<div class="form">
<div>
 <input type="text" id="txt" name="txt" onclick="showAndHide('List1','show');" onblur="showAndHide('List1','hide');"> 場所: </div>

   <div class="Menu" id="List1">
   <div class="Menu2">
      <ul>
        <li onmousedown="getValue('txt','中国CHINA');showAndHide('List1','hide');">
          </li>中国<li onmousedown="getValue('txt','美国USA');showAndHide('List1','hide');">
          </li>アメリカ アメリカ</ul>
        </div>
      </div>
   <div>
<input type="text" id="txt2" name="txt2" onclick="showAndHide('List2','show');" onblur="showAndHide('List2','hide');"> 性別: </div>

    <div class="Menu" id="List2">
   <div class="Menu2">
      <ul>
        <li onmousedown="getValue('txt2','男Male');showAndHide('List2','hide');">
          </li>男性<li onmousedown="getValue('txt2','女Female');showAndHide('List2','hide');">
          </li>女性</ul>
        </div>
      </div>
   <div>
<input type="text" id="txt3" name="txt3" onclick="showAndHide('List3','show');" onblur="showAndHide('List3','hide');"> 教育: </div>

    <div class="Menu" id="List3">
   <div class="Menu2">
      <ul>
        <li onmousedown="getValue('txt3','大专');showAndHide('List3','hide');">
          </li>カレッジカレッジ<li onmousedown="getValue('txt3','本科');showAndHide('List3','hide');">
          </li>学部<li onmousedown="getValue('txt3','硕士');showAndHide('List3','hide');">
          </li>修士号<li onmousedown="getValue('txt3','本科');showAndHide('List3','hide');">
          </li>学部</ul>
        </div>
      </div>
   </div>

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

声明：

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

前の記事：jsコントロールフレームワークのrefresh_javascriptスキル次の記事：jsコントロールフレームワークのrefresh_javascriptスキル

続きを見る

JavaScript入力ボックスプロンプトリストeffect_form特殊効果

関連記事