jquery - 選択ボックスで選択すると、jQueryを使用してタイトルが更新されるようにすることはできますか？

Question

私は持っています：

<select name="TopicID" id="TopicID">
  <option value="00">XX</option>
  <option value="02">YY</option>
</select>

ユーザーが「YY」などの新しい値を選択したときに、選択のタイトルが次のように更新されるようにするにはどうすればよいですか。

<select title="YY" name="TopicID" id="TopicID">
  <option value="00">XX</option>
  <option value="02">YY</option>
</select>

score 2 · Accepted Answer

$("#TopicID").on("change", function() {
    var select = $(this);
    select.attr("title", select.find(":selected").text());
});

score 2 · Accepted Answer

変更イベントにバインドして、title属性を更新できます。

$("select").change(function() {
    $(this).attr("title", $("option:selected", this).text());
});

上記のコードでは、 prop（）ではなくattr（）を使用して、DOMプロパティではなくHTML属性を作成または更新していることを強調していることに注意してください。これは好みの問題であり、使用すると同じ動作になります。prop()

score 1 · Accepted Answer

これを試して：

$('#TopicID').change(function () {
    $(this).attr('title', $('#TopicID option[value="' + this.value + '"]').text());
});

ライブで確認してくださいhttp://jsfiddle.net/MAhmadZ/PpjwT/

score 0 · Accepted Answer

多分このようなもの：

$('#TopicID').change(function() {
    var selectedItem = $(this).val();
    $(this).attr('title', selectedItem);
});

score 0 · Accepted Answer

jqueryではありませんが、実行する必要があります。次のコードの最初の行をコントロールに追加し、スクリプトに後の関数を追加します

onchange="SetTitle(this,this.value);"
function SetTitle(cntrl,val)
{
cntrl.setAttribut("title",val);
}

score 0 · Accepted Answer

0

var newtitle=$('#TopicID').val(); $('#TopicID').attr('title',newtitle);

于 2012-07-28T07:39:50.857 に答える

6 に答える 6