有元素更改選擇表單值

如何使用jquery將點擊功能的操作鏈接到選擇表單。有元素更改選擇表單值

例如，如果圖像1被點擊。如何通過更改表單中的「選定」選項來讓表單知道單擊了圖像1。

<a href="#" rel="green">Green</a> 
<select> 
<option value="green">Green</option> 
</select>

當「綠色」在單擊「選擇」選項被添加到選擇

我知道我已經看到它之前完成。我無法在任何地方找到它。

感謝，羅伯特

來源

2012-01-19 Robert

$('a').click(function() { 
    $('select').val($(this).attr('rel')); 
});

演示：http://jsfiddle.net/MZ7nS/

來源

2012-01-19 00:48:56

這兩個都不會劫持頁面上的每個鏈接，而不僅僅是他想要的那些鏈接？ – Silvertiger 2012-01-19 00:56:11

@Silvertiger只是使用OP的例子來保持簡單。但是，是的，格雷格和這個人都會這樣做。 – 2012-01-19 01:00:26

這就是它：O我用綠色，因爲它很容易描述，但我實際上有數字，因此值和rel中的rel是相等的。驚人。謝謝。我不認爲這會很簡單：D – Robert 2012-01-19 03:42:26

一點，如果JavaScript的魔力，你在企業裏

<a href="#" rel="green" onClick="document.getElementById('colorselect').value = 'green';">Green</a> 
<select id="colorselect"> 
    <option value="green">Green</option> 
</select>

應該工作

來源

2012-01-19 00:45:58 Silvertiger

使用屬性選擇找到相應的值的選項：

$('a').click(function() { 
    var optionValue = $(this).attr('rel'); 
    $('select').find('option[value=' + optionValue + ']').prop('selected', true); 
});

來源

2012-01-19 00:47:16 GregL

有元素更改選擇表單值

回答

相關問題