html 問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

html 問題_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:58:37

オリジナル

1094 人が閲覧しました

<td>				<select name="paym" id="imo">					<option value="money" selected>aaa</option>					<option value="check" >yyy</option>					<option value="card">xxx</option>				</select>			</td>		</tr>		<tr>			<th height="10%" width="10%" align="center" bgcolor="#1a60a8" style="border:1px solid #000000;">				<font color="#FFFFFF"><b>bbb</b></font></th>			<td>			<script  type="text/javascript">			var a=document.getElementById("imo").value;			if (a=="check")			document.getElementById("baoxiao").disabled=true;		</script>			<input type="text" id="baoxiao"  maxlength="10" />						</td>

ログイン後にコピー

下のテキストボックスをyyy選択時は入力できないようにしたいのですが、どう書いても成功しません。久しぶりに見ましたが、間違いはありませんでした。何が問題なのか聞いてもいいですか？ありがとうございます。

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

投稿者はテキストボックスを無効にしたいですか?ブログ投稿を紹介します: JQuery カスタム拡張機能を使用してフォーム要素を無効にする: http://www.ido321.com/397.html

<td>				<select name="paym" id="imo">					<option value="money" selected>aaa</option>					<option value="check" >yyy</option>					<option value="card">xxx</option>				</select>			</td>		</tr>		<tr>			<th height="10%" width="10%" align="center" bgcolor="#1a60a8" style="border:1px solid #000000;">				<font color="#FFFFFF"><b>bbb</b></font></th>			<td>			<script  type="text/javascript">			var a=document.getElementById("imo").value;			if (a=="check")			document.getElementById("baoxiao").disabled=true;		</script>			<input type="text" id="baoxiao"  maxlength="10" />						</td>

ログイン後にコピー

yyy のときに次のテキストボックスを入力できないようにしたいです。を選択しましたが、どう書いても成功しません。しばらく眺めてみましたが、間違いは見つかりませんでした。何が問題なのか聞いてもいいですか？ありがとうございます。

<td>                <select name="paym" id="imo" onchange="test()">                    <option value="money" selected>aaa</option>                    <option value="check" >yyy</option>                    <option value="card">xxx</option>                </select>            </td>        </tr>        <tr>            <th height="10%" width="10%" align="center" bgcolor="#1a60a8" style="border:1px solid #000000;">                <font color="#FFFFFF"><b>bbb</b></font></th>            <td>            <script  type="text/javascript">            function test(){            var a=document.getElementById("imo").value;            if (a=="check")            document.getElementById("baoxiao").disabled=true;            }        </script>            <input type="text" id="baoxiao"  maxlength="10" />                         </td>

ログイン後にコピー

JavaScript が呼び出されないと、間違いなく失敗します。

js は、問題を迅速に解決できるように、完全なコードを送信する必要があります。
わからないことがあれば、Baidu で調べてください。これらはすべて非常に基本的なポイントです。

<!DOCTYPE html><html><head>    <meta charset="utf-8"/>    <title>test</title>    <style type="text/css">        input{ line-height:30px;}        .disabled{ border:1px solid #ccc; background: #f1f1f1;}    </style></head><body><table>    <tr>        <td>            <select name="paym" id="imo">                <option value="money" selected>aaa</option>                <option value="check" >yyy</option>                <option value="card">xxx</option>            </select>        </td>    </tr>    <tr>        <th height="10%" width="10%" align="center" bgcolor="#1a60a8" style="border:1px solid #000000;">            <font color="#FFFFFF"><b>bbb</b></font></th>        <td>            <input type="text" id="baoxiao"  maxlength="10" />        </td>    </tr></table><script  type="text/javascript">    var a=document.getElementById("imo");    var txt=document.getElementById("baoxiao");    a.onchange = function(e){        e = e || event;        var target = e.target || e.srcElement;        if(target.value == 'check'){            txt.className = 'disabled';            txt.disabled = true;        } else {            txt.className = '';            txt.disabled = false;        }    }</script></body></html>

ログイン後にコピー

js はイベントを通じてユーザーと対話します。問題を迅速に解決できるように、デモの完全なコードを送信する必要があります。
わからないことがあれば、Baidu で調べてください。これらはすべて非常に基本的なポイントです。
すごいね

私が学んだことは、私は学び始めたばかりで、まだ多くのことを理解しようとしているところだということです。提案ありがとう。

<!DOCTYPE html><html><head>    <meta charset="utf-8"/>    <title>test</title>    <style type="text/css">        input{ line-height:30px;}        .disabled{ border:1px solid #ccc; background: #f1f1f1;}    </style></head><body><table>    <tr>        <td>            <select name="paym" id="imo">                <option value="money" selected>aaa</option>                <option value="check" >yyy</option>                <option value="card">xxx</option>            </select>        </td>    </tr>    <tr>        <th height="10%" width="10%" align="center" bgcolor="#1a60a8" style="border:1px solid #000000;">            <font color="#FFFFFF"><b>bbb</b></font></th>        <td>            <input type="text" id="baoxiao"  maxlength="10" />        </td>    </tr></table><script  type="text/javascript">    var a=document.getElementById("imo");    var txt=document.getElementById("baoxiao");    a.onchange = function(e){        e = e || event;        var target = e.target || e.srcElement;        if(target.value == 'check'){            txt.className = 'disabled';            txt.disabled = true;        } else {            txt.className = '';            txt.disabled = false;        }    }</script></body></html>

ログイン後にコピー

JavaScript が呼び出されないと、間違いなく失敗します

はは、確かに。ああ、その時私の心は少し混乱していました。これは予想外でした。思い出させてくれてありがとう