使用输入值修改多个href目标

时间:2018-02-22 23:43:49

标签: javascript jquery html

1)我想添加多个输入值,每个输入值都带有“OK”按钮及其标签。

2)按下“确定”按钮后,它会将其标签的href值更改为按下“确定”按钮的输入标签值。

像这样:https://jsfiddle.net/tzLac9zt/8/

(小提琴代码)

1)完成,问题是2)

试过这个但是没有用:

from selenium.webdriver.support.ui import Select
    import time
    number=driver.find_element_by_xpath("""//*[@id="resultsPerPage-button"]/span[2]""")
    number.click()
    time.sleep(10)
    #number.send_keys()
    time.sleep(10)
    # find the "200" key and send key on it
    driver.find_element_by_xpath("""//*[@id="ui-id-4"]""").send_keys("200")
    #find the "200" key and click on it
    d=driver.find_element_by_xpath("""//*[@id="ui-id-4"]""").click()
    time.sleep(5)

尝试先针对单个案例进行,然后针对每个人进行。

通过他们的名字调用它们,这样我就可以捕捉到我想要改变的特定值,但不知道这是否是正确的方法。

1 个答案:

答案 0 :(得分:1)

好吧,在这里,我使用clone方法简化了一些“克隆”代码。我还在按钮中添加了一个类,这样我就可以选择所有这些类并绑定一个单击监听器来执行你想要实现的目标。

这里的诀窍很简单,克隆第一个控件,然后清空克隆元素子的textfield和href属性,然后将它们显示到屏幕上。给定该类的按钮类和监听器,您将自动获得所需的行为而无需编写大量代码,这是由于siblings的使用返回了元素的指定兄弟。

这是演示的小提琴:

$(document).ready(function(){
	$("#addrow").on('click', function() {
  	var clone = $('.controls').first().clone(true);
        clone.find('a').attr('href', '');
        clone.find('input[type=text]').val('');
        clone.appendTo('.ytlink').hide().slideDown();
  })
  
  $('.goBtn').on('click', function() {
	var link = $(this).siblings('a');
        var input = $(this).siblings('input[type=text]');
  	link.attr('href', input.val());
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ytlink">
  <div class="controls controls-row">
    <input class="span3" placeholder="Insert Link" type="text" name="linknum1">
    <button type="button" class = "goBtn" name="boton1">Ok</button>
    <a href="" name="descarga1"> go to this inputs href </a>
   </div>
 </div>
 <a href="#" id="addrow"><i class="icon-plus-sign icon-white"></i> Add </a>