49451


格子状のtableタグで作った表に数値を入れる物を作ったのですが、簡単に数値を選択していれる方法はないでしょうか？

selectタグでプルダウンメニューを入れたのですが、余計なcssが一杯当たっているせいか、サイズが大きくて崩れます。  
下記を入れても変わりません。  
appearance: none;

また、余計な余白や四角などが邪魔です。

typeにnumberと入れる方法もあるのですが、PCだと結局入力しないといけないですよね。

なにか良い方法はないでしょうか？

HTMLを追加します。

～

[code]

    <tr>
      <td><input type="text" value="5"></td>
      <td><input type="text" value="4"></td>
      <td><input type="text" value=""></td>←ここを閲覧者がクリックした時に1から9の選択肢が出てきて、選択するとその数値が入力される
    </tr>
    
[/code]

～


CC BY-SA 4.0
2018-10-19T06:25:26.303
49439
2018-10-19T14:06:03.810
2018-10-19T14:06:03.810
24247
24247
question
css
簡単に数値を選択していれる方法はないでしょうか？


tdにidつけて

[code]

    a=function(){document.getElementbyid(tdのid).innerhtml="number"}
    
[/code]

で入れればいいと思います  
selectのonchangeの時に関数いれれば良いと思います

[code]

    <select onchange=a()></select>
    
[/code]


CC BY-SA 4.0
2018-10-19T06:31:23.767
49441
2018-10-19T08:06:21.260
2018-10-19T08:06:21.260
19110
30584
49439
answer


あまり詳しい状況が分かりませんが、余計な CSS が一杯あたっているために表示がおかしくなるのであれば、私だったらまずは CSS
を整理するところから始めます。ブラウザに附属している検証ツールなど、CSS の整理をしやすくするツールを使うことも検討してください。

HTML
側についても、入力すべき数値の組み合わせが決まっていてしかも種類が少ないのであればプルダウンメニューが合っていそうですし、そうでないならテキストボックスにして後からバリデートすることになりそうです。

HTML / CSS に関する個別のより具体的な問題となると、実際に使われているコードや動作例のスクリーンショットなどが無いと回答しづらいです。


CC BY-SA 4.0
2018-10-19T08:25:43.523
49451
2018-10-19T08:25:43.523
19110
49439
answer