更改具有特定名称属性的元素的值属性

时间:2017-08-11 12:52:08

标签: jquery

我想更改具有特定名称的param元素的值。 在这种情况下,name属性是'filter',它还有一个属性值,我想将其更改为选定的值1,2或3。

jQuery( document ).ready(function() {

  $('#list').on('change', function() {
  
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="list">
  <option value="" selected="selected" disabled="disabled">Options</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<object class="paramList" width="939" height="945" style="display: none;">
  <param name="test" value="blabla" />
  <param name="okok" value="lalala" />
  <param name="filter" value="CHANGE"/>
</object>

<div class="result"></div>

1 个答案:

答案 0 :(得分:1)

您需要使用属性选择器并使用attr()函数来访问属性的值。当您更改下拉值时,只需使用$(this).val()更改参数的值。

&#13;
&#13;
jQuery( document ).ready(function() {
  $('#list').on('change', function() {
    $('.paramList param[name="filter"]').attr('value', $(this).val());
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="list">
  <option value="" selected="selected" disabled="disabled">Options</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<object class="paramList" width="939" height="945" style="display: none;">
  <param name="test" value="blabla" />
  <param name="okok" value="lalala" />
  <param name="filter" value="CHANGE"/>
</object>

<div class="result"></div>
&#13;
&#13;
&#13;