使用JQuery,我怎样才能显示CSS更改?

时间:2014-10-05 18:54:00

标签: javascript jquery html css

我是JQuery的新手并试图弄清楚如何正确地做到这一点。

我有一个带有下拉菜单和多个输入字段的网络表单。当用户进行选择并输入文本时,我能够显示用户输入的文本,但我有两件事我无法弄清楚:

1)在其中一个输入字段中,用户可以输入按钮的高度。我想要做的是取值(即:300px或300),然后实时更改,以显示它看起来像什么

2)有一个下拉列表,他们可以从中选择一个选项。我只想在一个范围内显示选择

这是我到目前为止所做的:

$('#some_button').keyup(function () {
      $('#some_text_is').text($(this).val());
      });

这将显示输入到输入字段的文本,但我怎样才能为#1和#2做些什么。

2 个答案:

答案 0 :(得分:1)

dfsq是正确的,每次你在键盘上释放一个键时,它应该立即改变按钮的样式。 对于第二个问题,我不太清楚我是否理解你想要对价值做些什么。 你可以通过使用jquery获取元素来获取值,然后使用val函数,如此

$('#some-dropdown').val() 

然后,您可以将此值放入您想要的任何html元素中。

答案 1 :(得分:0)

  1. 对于第一种情况,您可以使用height()
  2. $('#some_button').keyup(function () {
           var height = $(this).val();
          $('#some_text_is').height(height);
      });
    
    1. 对于第二种情况,您可以使用change()
    2.   

      $('#some_dropdown')。change(function(){

           $('#some_text_is').text($(this).val());
      });