2

ドロップダウンリストの選択に基づいて、テキストの色を変更する必要があります。

<select id="room2">
    <option>#0808cf</option>
    <option>#0E9E26</option>
</select>
<input type="text" id="txtColor">
   John: <p style="color:#0808cf" > test </p>

jquery

$('#colors').change(function(){
   $('#txtColor').val($("#colors").val());
   var fontColor =  $('#txtColor').val();

});

選択IDが一定にならないため、変更をcssに含めたくありません。pスタイルタグに挿入してほしい。また、テキストをJohnにする必要があります。テストは1行で行う必要があります。私はこれを試しましたが、機能しませんでした。ありがとうございました。

<p style="color:"+fontColor+" > test </p>

デモ： http： //jsfiddle.net/kX3EN/

4

3 に答える 3

5

試してみてください - http://jsfiddle.net/kX3EN/7/

$('#colors').change(function(){
    $('p').css( 'color', $(this).val() );
});
于 2012-07-18T19:53:15.397 に答える
2

"John: test" を同じ行に配置するには、次のことを行う必要があります。

  • p(ブロックレベル) を(インラインspan)または
  • pcss ( ) を使用してインラインとして動作するように強制しdisplay: inlineます。

css()jQuery を使用して、関数を使用して要素のスタイル属性を変更する必要があります。そのようです：

$('selector for element you want to change').css('color', $("#your-select-element").val());

おそらくこれをあなたのイベントハンドラーに入れるでしょうselect：

$("select#colors").change(function() {
    $("span.changemycolor").css('color', $(this).val());
    // 'this', in this case, is your select element
});
于 2012-07-18T19:56:39.347 に答える
0

HTMLコードフィルターの後にタグを配置することで機能しました。したがって、メッセージを追加するたびに、変数として保存され、var が websocket send メソッドに送信されるときに JS として読み取られます。ありがとうございました

于 2012-07-19T17:36:21.883 に答える