將選定的值傳遞給jquery函數

我試圖使用jquery刪除<td>。如果其聯繫人匹配用戶從下拉列表中選擇的聯繫人，我需要刪除<td>。問題是我無法弄清楚如何將這個值傳遞給函數。這是我的函數：將選定的值傳遞給jquery函數

$(document).ready(function() { 
    $("button").click(function() { 
     $("td").each(function(index, paragraph) { 
      $td = $(paragraph); 
      if ($td.html() === "SELECTED GOES HERE") { 
       $td.remove(); 
      } 
     }); 
    }); 
});

，這是下拉創作：

$query = "SELECT user_name FROM users"; 
$result = mysql_query($query); ?> 
<select name="select1"> 
    <option value="" disabled selected>user name</option> 
    <?php while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) { ?> 
     <option value="<?php echo $line['user_name'];?>"> 
      <?php echo $line['user_name'];?> 
     </option> 
    <?php } ?> 
</select>

我怎樣才能發送選中的值給函數？謝謝...

來源

2015-02-11 Al.s

爲什麼通過按鈕單擊可以訪問該功能，如果您希望用於選擇更改？如果你可以改變這一點，那就這樣做。如果沒有，請將所有內容放入其自己的命名函數中，然後從按鈕單擊或選擇更改中調用它。 – Slime 2015-02-11 15:19:12

在函數中直接比較所選值。

$(document).ready(function() { 
    $("button").click(function() { 
     $("td").each(function(index, paragraph) { 
      $td = $(paragraph); 
      if ($td.html() === $("#select1").val()) { 
       $td.remove(); 
      } 
     }); 
    }); 
});

來源

2015-02-11 15:21:15 Skerkles

，讓你只需要做到這一點的代碼所選擇的選項的值：

$('select[name=select1]').val()

問候提摩太

來源

2015-02-11 15:21:29

-2

我創建你的小提琴。我已將您想要的ID傳遞給您，並且還將您的功能作爲變量。

http://jsfiddle.net/37ocy2am/

HTML

<select name="select1" id="usernames"> 
    <option value="" disabled selected>user name</option> 
     <option value="stephencarr">Stephen Carr</option> 
     <option value="bobjones">Bob Jones</option> 
     <option value="ashleysims">Ashley Sims</option> 
     <option value="rushgreg">Rush Greg</option> 
</select> 

<div id="place_name_here">when you select you will get name here. <br>Just change jquery to pass the var somewhere else</div>

$(document).ready(function() { 

$("#usernames").change(function() { 
    var selected_value = $("#usernames").val(); 
    $("#place_name_here").html(selected_value); 

    $("td").each(function(index, paragraph) { 
      $td = $(paragraph); 
      if ($td.html() === selected_value) { 
       $td.remove(); 
      } 
     }); 
});//close change function 

});

CSS

#place_name_here{ 
    width:100%; 
    text-align:center; 
    font-weight:bold; 
    font-size:20px; 
    color:#00277A; 
}

來源

2015-02-11 15:31:18 technology101010

爲什麼倒票？男人..仇敵... – technology101010 2015-02-16 21:15:59

您不必將該值傳遞給函數。點擊按鈕即可獲取選定的值。的simpliest方法是使用:contains選擇

$(document).ready(function() { 
    $("button").click(function() { 
     $("td:contains("+$('select[name="select1"]').val()+")").remove(); 
    }); 
});

JSFiddle

你可能想走得更遠，並刪除所選擇的選項藏漢（因爲你可能不需要它了）：

$("button").click(function() { 
    var val = $('select[name="select1"]').val(); 
    $('td:contains("'+val+'"), option[value="'+val+'"]').remove(); 
});

JSFiddle

來源

2015-02-11 15:36:00

將選定的值傳遞給jquery函數

回答

相關問題