0

私はこの選択を持つテーブルを持っています:

<tr class="tr_clone">
    <td>
      <select style="width:200px" name="itens[]" class="itemname">
        <option value="0"></option>
        <option value="1">Item A</option>
        <option value="2">Item B</option>
        <option value="3">Item C</option>
    </td>

jqueryで、選択した項目(1選択時の項目A)のテキストを取得しようとしています。次に、この値を別のテキスト ボックス ('note' という名前) に入力します。インデックス値は入力できますが、選択のテキストは入力できません。

$("table").on('change', '.itemname', function() { 
   var prtCont = $(this).parent().parent();
    var code =  prtCont.find('.itemname').val();
  prtCont.find('.note').val(code);
});

jqueryで何を変更すればよいですか?

4

1 に答える 1

1

さて、まずselectタグを閉じます。

<tr class="tr_clone">
<td>
  <select style="width:200px" name="itens[]" class="itemname">
    <option value="0"></option>
    <option value="1">Item A</option>
    <option value="2">Item B</option>
    <option value="3">Item C</option>
  </select>
</td> 
</tr>

選択したアイテムのテキストを取得するには、次のようにします。

$('.itemname option:selected').html()

あなたのjQueryは少し混乱しています。私にとってはより良いです：

$('.itemname').on('change' , function() {
  var prtCont = $(this).parent().parent(); 
   code = $(this).val();  // Get the value
   text = $('.itemname option:selected').html(); // Get the text
   prtCont.find('.note').val(code + '   ' +text);
});
于 2017-08-09T22:12:20.430 に答える