jquery selectを編集できない場合の対処法

藏色散人
リリース: 2021-11-11 09:25:24
オリジナル
3350 人が閲覧しました

jquery select 編集不可の解決策: 1. 対応する js コード ファイルを開きます; 2. ドロップダウン ボックスを入力に置き換えます; 3. "readonly="readonly"" を削除します。

jquery selectを編集できない場合の対処法

#この記事の動作環境: Windows7 システム、jquery3.2.1 バージョン、DELL G3 コンピューター

どうすればよいですかjquery selectを編集できない場合は?

js と jquery は、ドロップダウン ボックスの選択は編集できないが、値は渡すことができるという問題を完全に解決します。

//鼠标移入下拉框将其锁定不可用
$('#下拉框ID').mouseenter(function() {
$('#下拉框ID').attr("disabled","true");
});
//移入其他地方锁定解除(本想设置成移出下拉框锁定解除,但不生效,只能改为移入其他地方,大佬可解答下?)
$("*[id!='下拉框ID']").mouseenter(function() {
$('#下拉框ID').removeAttr("disabled");
});
ログイン後にコピー

許可されている場合は、ドロップダウン ボックスを入力に置き換えます。リスト属性を使用します

<div class="changeDiv">
    <a>性别:</a>
    <input id="sex" type="text" list="sexlist" readonly="readonly">
    <datalist id="sexlist">
        <option>男生</option>
        <option>女生</option>
    </datalist>
</div>
ログイン後にコピー

readonly="readonly"を削除すると、編集可能で関連付け可能なドロップダウン ボックスになります。このままにすると、編集できなくなります

jquery selectを編集できない場合の対処法

推奨学習: 「jquery ビデオ チュートリアル >>

以上がjquery selectを編集できない場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート