0

私はこのように見える選択を持っています：

<select id="select-site" title="????">
   <optgroup label="City">
      <option title="ee" value="1">123</option>
      <option title="cc" value="2">456</option>
      <option title="dd " value="3">789</option>
      <option title="xx" selected="selected" value="4">aa</option>
   </optgroup>
</select>

ドキュメントがロードされた後、selectのタイトルが????になるようにするにはどうすればよいですか？選択したオプションのタイトルに変更されます。<select>また、選択したオプションを変更したときに、のタイトルが再度更新されるようにするにはどうすればよいですか。

4

4 に答える 4

5

これを試して ：

<script type="text/javascript">
$(document).ready(function(){
$('#select-site').change(function() {
var selectedVal = $('#select-site option:selected').attr('title');
$('#select-site').attr("title",selectedVal) ;
});
});

</script>
于 2012-08-17T09:16:10.243 に答える
1

これにより、 のtitle属性が選択#select-siteした の として設定されますtitleoption

$('#select-site').change(function() {
  $(this).prop('title', $('option:selected', this).prop('title'));
});

title変更イベントに必要な属性の初期値を設定するにtriggerは:-

$('#select-site').trigger('change');

また

$('#select-site').change();

$(document).ready()以下のコメントで指摘されているように、これらすべてをラップする必要があります。

于 2012-08-17T09:17:48.263 に答える
1

完全な解決のためにこれを試してください

$(document).ready(function() {
    $('#select-site').change(function() {
        $(this).attr('title', $(this).find('option:selected').attr('title'));
    });
    $('#select-site').trigger('change');
});​
于 2012-08-17T09:39:03.760 に答える
0

これを試して：

$('#select-site').change(function(){
     value = $(this + ' option:selected').val();
     $(this).attr('title',value);
});

それが動作します。

于 2012-08-17T09:18:32.530 に答える