ホームページ  >  記事  >  ウェブフロントエンド  >  無効な属性はバックグラウンドでデータを読み取ることができません。選択を読み取り専用にするにはどうすればよいですか?

無効な属性はバックグラウンドでデータを読み取ることができません。選択を読み取り専用にするにはどうすればよいですか?

高洛峰
高洛峰オリジナル
2017-03-02 14:43:502160ブラウズ

disabled 属性を設定した後、データをバックグラウンドで読み取ることができなくなります。readonly 属性をサポートするように選択する場合は、disabled 属性を設定してフォーム値を隠しフィールドに保存することもできます。 。例は次のとおりです。必要な友人はお見逃しなく

<span style="font-family:Microsoft YaHei;"><select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"> 
<option value="1">test1</option> 
<option value="2">test2</option> 
<option value="3" selected="selected">test3</option> 
<option value="4">test4</option> 
<option value="5">test5</option> 
</select> 
</span>


1》フォームの読み取り専用属性を設定します
問題: しかし、読み取り専用属性はラジオ、選択、チェックボックスの 3 つのフォームには影響しません

2》フォームのdisabled属性を設定します

問題:disabled属性を設定した後、データがバックグラウンドで読み取れなくなります

方法:

1.disabled属性を設定し、フォームの値を隠しフィールドに格納します
2 jquery コントロールを使用します (ページの読み込み時にフォーム属性を disabled=true に設定し、フォームの送信時にフォーム属性を disabled=false に設定します)

コード:

jquery ファイルを引用

288efaf86ab8a1dd21c660dcbb3900a62cacc6d41bbb37262a98f745aa00fbf0

無効な属性を制御するにはスクリプトを使用します

<span style="font-family:Microsoft YaHei;"><script type="text/javascript"> 
//加载时设置disabled生效 
$(document).ready(function(){ 
$("input[name=category]").attr("disabled",true); 
$("select[name=sonota_kbn]").attr("disabled",true); 
}); 
//提交时设置disabled失效 
$("input[name=modify]").click(function(){ 
$("input[name=category]").attr("disabled",false); 
$("select[name=sonota_kbn]").attr("disabled",false); 
}); 
</script> </span>


次の点に注意してください: input[name= category] ​​
input はフォームの種類 (たとえば、select はドロップダウン ボックスです)
name=category フォームの名前


その他の無効な属性 バックグラウンドでデータを読み取ることができません 選択サポートを読み取り専用にする方法関連記事については、PHP 中国語 Web サイトに注目してください。


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