asp.netで利用したいので、runat="server"属性をつけるとspinが消えてしまいます。
runat="server"をつけないと使えるのですが、良い方法はないでしょうか??
<input id="txt_data1_1" type="text" value="0" name="txt_data1_1" runat="server" class="form-control"/>
<script>
$("input[name='txt_data1_1']").TouchSpin();
</script>
No.2ベストアンサー
- 回答日時:
ASP.NETでは、System.Web.UI.WebControl 系統のWebコントロールでも、System.Web.UI.HtmlControl 系統のHtmlコントロールでも、HTMLにレンダリングされた時点で、違った id と name がついてしまいます。
解決策は、
■ASP.NET 4.5 の "ClientIdMode" プロパティを使用して生成されるコントロールのidを固定し、javascript からはそのID名でアクセスする。
<input id="txt_data1_1" type="text" value="0" runat="server" class="form-control" ClientIDMode="Static" />
<script>
$("input#txt_data1_1").TouchSpin();
</script>
■クラス名を使ってアクセスする。
<input id="txt_data1_1" type="text" value="0" runat="server" class="form-control data_1"/>
<script>
$("input.data-1").TouchSpin();
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
SQLのmaxで求めた値を変数に代...
-
struts selectbox optionsColle...
-
Doctrineのjoinについて
-
プルダウン内容に応じてラジオ...
-
JavaScriptでtabindexの変更っ...
-
Selenium4でボタンをクリックで...
-
階層別の組織図の自動作成について
-
マスターページ使用時のJavascript
-
EUC-JPに対応しているjQueryを...
-
画面(ウィンドウ)/画像の拡...
-
Ajax サーバーに負荷かかります...
-
JavascriptからPHPへのAjax通信...
-
Ajaxの結果のページングの方法
-
一定時間ごとに表示内容を切り...
-
jQueryを使いformでsubmitした...
-
jqueryについて、$("+dd",this)...
-
CSVファイルの文字列の表示につ...
-
Googleストリートビューの写真...
-
リンク元のファイル名を表示し...
-
jQuery.illuminateの使い方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascriptを使ってQRコード読...
-
JavaScriptでtabindexの変更っ...
-
SQLのmaxで求めた値を変数に代...
-
パソコンで動くjavascriptがス...
-
IndexedDB を使ってファイルア...
-
Selenium Basicの件
-
ドラッグ & ドロップでのド...
-
<input>のvalue値をプルダウン...
-
HTMLタグのidにaaaという名をつ...
-
jquery.csv2table.jsに検索窓
-
プルダウン内容に応じてラジオ...
-
チェックボックスとラジオボタ...
-
javascriptの計算結果をvalue=""に
-
Javascript+PHPでのデータの受...
-
ボタンクリックした際、id末尾...
-
複数対応できるチェックボック...
-
VBAでIEのHTMLタグの要素を操作...
-
Doctrineのjoinについて
-
jQueryのclass属性削除ができま...
-
メールを送信するボタンでOutlo...
おすすめ情報