Javascript 使用JQuery,如何在CSS更改进行时显示它?

Javascript 使用JQuery,如何在CSS更改进行时显示它?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是JQuery的新手,正在试图弄清楚如何正确地执行此操作 我有一个带有下拉列表和多个输入字段的web表单。当用户进行选择并输入文本时,我能够显示用户输入的文本,但有两件事我无法理解: 1在其中一个输入字段中,用户可以输入按钮的高度。我想做的是取值,即:300px或300,然后实时进行更改,向他们显示它的外观 2有一个下拉列表,他们可以从中选择一个选项。我只想在一个范围内显示该选择 这就是我到目前为止所做的: $('#some_button').keyup(function () {

我是JQuery的新手,正在试图弄清楚如何正确地执行此操作

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

1在其中一个输入字段中,用户可以输入按钮的高度。我想做的是取值,即:300px或300,然后实时进行更改,向他们显示它的外观

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

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

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

这将显示输入到输入字段中的文本,但如何为1和2执行操作

dfsq是正确的,每次释放键盘上的键时,它都应该立即更改按钮的样式。 对于第二个问题,我不太确定我是否理解您希望如何处理该值。 您可以通过使用jquery获取元素,然后像这样使用val函数来获取值

$('#some-dropdown').val() 
然后,可以将该值放入所需的任何html元素中

对于第一种情况,您可以使用高度 对于第二种情况,您可以使用change $'some_下拉列表'.changefunction{

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

$'some_text_is'.height$this.val;?@dfsq但我认为它不会实时工作basis@Prashant它将与JavaScript代码产生的结果一样实时。@dfsq您说得对!谢谢!所以我可以继续为其他css属性执行此操作?如框阴影等?要将其与其他css属性一起使用,您需要使用css函数,但是的,它将起作用k相同。谢谢!对于2,我想在span标记中显示选择。因此,您可以像往常一样使用jquery获取它,然后使用html函数将下拉值放入$'mySpan.html$'some-dropdown.val;谢谢。我会尝试。但是,使用dfsq的方法,我无法更改背景颜色,我正在这样做:$'test_button'.backgroundColor$this.val;请参阅我在OP上的答案。您需要使用css函数,如$'test_button'.css'background-color',$this.val。非常感谢!这对我非常有帮助。
     $('#some_text_is').text($(this).val());
});