Question

我尝试了很多东西，但我无法通过选择“要求”下拉列表中的某个项目来更改按钮文本。这是site。

在页面底部有“需求”下拉列表。 对于我点击的每件商品：

<li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted" onclick="qwerty()" role="presentation">

我有 JS代码：

function qwerty() {
    if(jQuery('#role').val() != 'seeking-to-acquire-a-business') {
        jQuery("#ze-next").attr('value', 'Register');
    } else {
        jQuery("#ze-next").attr('value', 'Next');
    }
}

但是当我选择“寻求收购”时，文字按钮仍未改变。请告诉我我做错了什么。

Answer 1

您正在使用框架来使用其他HTML创建选择 - 框架可能会阻止所有点击并使用它们来处理。

尝试使用其他事件，例如：

<li class="..." onmouseup="qwerty()" role="presentation">

这似乎适用于您的网站。

Answer 2

更改onclick的值时未调用{p> #role。

改为使用change事件：

jQuery('#role').on('change',function(){
    qwerty();
});

或在onchange元素中添加#role属性：

<select id="role" onchange="qwerty()" ...... >

Answer 3

<html>
<head>
    <title>sample Page</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

  <script>
    function qwerty() {
        if ($('#role').val() != 'seeking-to-acquire-a-business') {
            $("#ze-next").attr('value', 'Register');
        } else {
            $("#ze-next").attr('value', 'Next');
        }
    }
    $(document).ready(function () {


    });


</script>
</head>
<body>
    <input type="text" id="role" value="seeking-to-acquire-a-business" />

    <input type="button" id="ze-next" />
    <li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted" onclick="qwerty()" role="presentation">test</li>
    </body>


</html>

Answer 4

我只是通过控制台运行你的代码，它运行正常

似乎onclick事件没有调用你的函数。

所以不要使用onclick

jQuery(document).on('change','#role', function(){
    if(jQuery('#role').val() != 'seeking-to-acquire-a-business') {
        jQuery("#ze-next").attr('value', 'Register');
    } else {
        jQuery("#ze-next").attr('value', 'Next');
    }
});

Answer 5

请检查此演示代码： HTML代码：

<select id="role">
  <option value="select">Choose</option>
  <option value="one">1</option>
  <option value="Two">2</option>
  <option value="Three">3</option>
</select>

<button id="setValue">Set Value from Dropdown</button><!-- Sets Dropdown value to this button -->
<button id="setText">Set Text from Dropdown</button><!-- Sets Dropdown text to this button -->

JQuery代码

$("#role").change(function(){
  if($(this).val()!="select"){
   $("#setValue").text($(this).val());
   $("#setText").text(this.options[this.selectedIndex].text);
  }
});

希望这会对你有所帮助

Answer 6

$(function() { var nav = $('.menu-bar'); var offsetTop = nav.offset().top; var floatMenu = function() { var $scrollTop = $(window).scrollTop(); if ($scrollTop >= offsetTop) { nav.addClass('fixed'); } else { nav.removeClass('fixed'); } } $(window).scroll(floatMenu); $('body').bind('touchmove', floatMenu); });

单击

6 个答案: