inputタグテキストボックスで画面より変更したvalueでinnerHTMLを取得したいです。

Question

tableのtdタグの中にinputテキストボックスがあります。
テキストボックスの値をブラウザの画面より変更したvalueが設定されたinnerHTMLを取得したいです。

jqueryまたはjavascript
ブラウザ IE

ソースはないのですが、以下のような形です。
jqueryでtdからhtml()で取得すると変更前のvalueになってしまいます。

<table> <tr><td><input id="c1" type="text" name="c1" value="テキスト"><td></tr> </table>

宜しくお願いいたします。

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
どのようなコードを組んだのか分からないと「そのように組んでいるから」としか答えようがありません。
ご自身がためしたこと、調べたことを具体的に記載してください

[退会済みユーザー]

ソースが手元になかったので、詳細がおろそかになってしまいました。今後は具体例を書ければと思います。ありがとうございました。

[m.ts10806]

質問は編集できますので。

Answer 1

テキストボックスの値をブラウザの画面より変更したvalueが設定されたinnerHTMLを取得したいです。

HTMLを取得してから置き換える、あるいはsetAttributeで強引に書き換えるほかないかと思います。HTMLに書かれたvalueは初期化専用の値で、入力が変わっても変化しません。

開発ツールは利便性を考えて変更後のvalueを表示していますが、DOM的にはdefaultValueという値となり、入力値が反映されるvalueとは別物です。

Comments

[退会済みユーザー]

ご回答ありがとうございます。
javascriptでdefaultvalueを変更する形で上手くいきました。

ありがとうございました。

Answer 2

<script>
$(function(){
  $('#btn').on('click',function(){
    console.log($('#t1').html());
  });
  $('#c1').on('change',function(){
    $(this).attr('value',$(this).val());
  });
});
</script>
<table id="t1">
<tr><td><input id="c1" type="text" name="c1" value="テキスト"><td></tr>
</table>
<input type="button" value="btn" id="btn">

Comments

[退会済みユーザー]

参考にさせて頂きました。
解決しました。
ありがとうございました。